Bonjour,

Je débute l'utilisation de la bibliothèque Highchart.
Je parviens, à partir de données d'une base Mysql à afficher le graphique colonne 3D. Impeccable, prise en main facile et rapide.

Je n'arrive pas à afficher les dataLabels dans les colonnes. C'est frustrant. J'ai passé en long et en large la documentation du site de référence et toujours pas d'affichage de ces ..... étiquettes de données.
Je colle mon code ci-dessous, si quelqu'un a une idée ou une solution, je suis preneur.
Je suis sur que c'est tout con, mais cela fait deux jours que je cherche en vain, j'ai l'impression d'avoir bien fait et je suis en train de m’entêter et ne plus voir l'évidence.:

Par avance merci

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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<script type=\"text/javascript\">
 
// Set up the chart
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'column',
        options3d: {
            enabled: true,
            alpha: 15,
            beta: 15,
            depth: 150,
            viewDistance: 25,
			frame: {
				bottom: {
					size: 1,
					color: '#C0C0C0'
				}, 
				side: {
					size: 1,
					color: '#C0C0C0'
				}
			}			
        }
   }, 
    colors: [
		'#004A95',
		'#F0420F',
		'#EBB614',
		'#579B39',
		'#800000',
		'#61BFD3',
		'#004000',
		'#C2CE37',
		'#560076',
		'#FF8000',
		'#Ce0000',
		'#0080c0'
    ],
    title: {
        text: '". str_replace("'"," ",$_GET['titre']) ."'
    },
    subtitle: {
        text: '". $s_sous_titre ."'
    },
    yAxis: {title: {text: 'Nombre'}},
	xAxis: {". $s_catego ."},
    plotOptions: {
        column: {
            depth: 125, cursor: 'pointer', 
            dataLabels: {
                enabled: true 
            }
        }, 
        series: {
            dataLabels: {
                enabled: true, color: 'black'
            }
        }
    }, ". $s_serie ."
});
 
function showValues() {
    $('#alpha-value').html(chart.options.chart.options3d.alpha);
    $('#beta-value').html(chart.options.chart.options3d.beta);
    $('#depth-value').html(chart.options.chart.options3d.depth);
}
 
// Activate the sliders
$('#sliders input').on('input change', function () {
    chart.options.chart.options3d[this.id] = parseFloat(this.value);
    showValues();
    chart.redraw(false);
});
 
showValues();
		</script>