Discussion :

[Nimois]

Bonjour,

J'ai un graphique avec des données renseignées à la main soit par exemple :

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
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
44
45
46
47
48
49
50
51
52
53
54
55
<script type="text/javascript">
 
  $(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Indicateurs de gestion de la baie de stockage VSP au 13/07/2016 test modification pour flux rss avec ARA'
        },
        xAxis: {
            categories: ['Total','VMWare','Storage Pool HNAS A','Storage Pool HNAS B']
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Volumétrie en téraoctet'
            },
            stackLabels: {
                enabled: true,
                style: {
                    fontWeight: 'bold',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                }
            }
        },
        legend: {
            align: 'right',
            verticalAlign: 'top',
            layout: 'vertical',
            x: 0,
            y: 100
        },
        tooltip: {
            headerFormat: '<b>{point.x}</b><br/>',
            pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
        },
        plotOptions: {
            column: {
                stacking: 'normal',
                dataLabels: {
                    enabled: true,
                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                    style: {
                        textShadow: '0 0 3px black'
                    }
                }
            }
        },
        series: [{
            name: 'Espace disque non configuré',
			color: '#0B6138',
            data: [14.67,0,0,0]
        });
</script>

Mon graphique en colonnes empilées est à la hauteur de mes attentes mais je souhaiterais automatiser les données (en l'occurence les 14.67,0,0,0) à partir d'un fichier CSV du style :

	                                   total	a	b	c
Espace disque non configuré	   14,67	0	0	0
Donnée 2	                           18	        2	6	5

Merci

[Christophe P.]

Bonjour,

Node CSV semble faire ce que vous demandez.

[SpaceFrog]

Highcharts gère très bien les live data ...
http://www.highcharts.com/docs/worki...data/live-data

Il te suffit coté serveur de récupérer les données de ton fichier csv et de les exploiter toujours coté serveur pour fournir à HighCharts un json au format adéquat.. (ex en php json_encode() )