Discussion :

[oumaima_hammami]

Je souhaite afficher les données de ma base de données sous forme de graphiques en barres.

J'ai essayé d'utiliser HashMap pour transmettre les valeurs du contrôleur à javascript.


MyController.java:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    @GetMapping("/Hist")
	public String barGraph(Model model) {
 
		ApplicationContext context = 
        		new ClassPathXmlApplicationContext("Spring-Module.xml");
 
    	PTS_POINTS_HISTORY_DAO ptsHistDAO = (PTS_POINTS_HISTORY_DAO) context.getBean("PtsPointsHistoryDAO");
 
		model.addAttribute("surveyMap", ptsHistDAO.barGraph());
 
		 //ptsHistDAO.barGraph() returns Map<String, Integer>
 
 
		return "Hist";
	}

hist.jsp:

Code jsp :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<div id="containerx" style="width:100%; height:400px;"></div>
<script>
 
Highcharts.chart('containerx', {
    chart: {
        type: 'column'
    },
    title: {
        text: 'Total Redeem'
    },
    xAxis: {
        
   
        categories: [['${surveyMap.keySet()}']]
    },
    yAxis: {
        max: 10000,
        min:0,
        title: {
            text: 'Numbre of Loylaty Points Redeemed'
        }
    },
    tooltip: {
        pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>',
        shared: true
    },
    plotOptions: {
        column: {
            stacking: 'permillion'
        }},
    series: [{
        name: 'Fulfilled',
        data: [9667, 0, 5694, 2752, 200]
    }, {
        name: 'Cancelled',
        data: [500, 3000, 300, 2, 1]
    }, {
        name: 'Pending',
        data: [3, 500, 400, 2, 50]
    }]
});
 
</script>

```

Je m'attendais à ce que chaque clé soit représentée par sa valeur dans le graphique à barres, mais en réalité, toutes les clés ne représentent que la première valeur du graphique.

attendu:
x1: 20151514 y1: 9667 annulés, 500 remplis, 3 en attente
ce que je reçois:
x1: [20151514,20151513,20151512 ..] y1: 9667 annulés, 500 remplis, 3 en attente

[Cincinnatus]

Ce forum est un forum francophone▲

Ce choix correspond à la nécessité d'une langue unique afin de fournir le meilleur service possible à nos utilisateurs et à nos visiteurs.
De plus, tous nos intervenants sont bénévoles et prennent sur leur temps libre pour aider du mieux possible nos membres, nous ne pouvons exiger d'eux d'être de surcroît polyglottes.


Cela est également valable pour les « messages visiteurs » postés sur les profils, ainsi que pour les messages postés via les groupes sociaux.

Et utilisez la balise [CODE] pour publier du code, SVP.

[oumaima_hammami]

Bonjour,

Je vais re-poster mon problème en français.
Je m'excuse.

[Cincinnatus]

Bonjour,

J'ai plus l'impression qu'il s'agit d'un problème de configuration de highcharts, que je n'utilise pas actuellement.

D'après l'exemple en ligne du site highcharts
https://www.highcharts.com/demo/column-stacked
https://jsfiddle.net/gh/get/library/...olumn-stacked/

les colonnes sont définies par l'option xAxis / categories.

Je pense que le jsfiddle est un bon point de départ pour vérifier les options à utiliser pour obtenir le résultat voulu.