Spring MVC: Comment afficher les clés et les valeurs de table de hachage dans les highcharts

Version imprimable

1 pièce(s) jointe(s)

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:

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:

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>

Pièce jointe 484749
```

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

19/06/2019, 13h07
Cincinnatus

Lire les règles SVP

Citation:

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.
19/06/2019, 13h13
oumaima_hammami

Bonjour,

Je vais re-poster mon problème en français.
Je m'excuse.
:)
20/06/2019, 13h13
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.