Discussion :

[clflageul]

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>

[ProgElecT]

Salut

Ta première ligne de code me semble erroné, a moins que cela soit un mauvais copier/coller

Code :

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

<script type=\"text/javascript\">

Code :

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

<script type="text/javascript">

[clflageul]

Non non, il s'agit simplement d'échappement des guillemets car ce code est extrait d'un PHP. Ainsi quand la page HTML est générée, les guillemets sont en place.
J'aurais peut-être du le préciser