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> |
Partager