par
Cypher_PHP » 16 avr. 2013, 17:34
J'utilise le flot de jQuery.
Oui j'ai testé avec les datas à distance
Array
(
[0] => Array
(
[label] => 77
[data] => 372
)
[1] => Array
(
[label] => 93
[data] => 393
)
[2] => Array
(
[label] => 94
[data] => 350
)
)
Oui j'ai testé avec les datas en local
[javascript]jQuery(document).ready(function ($){
var data = [
{ label: "USA", data: 50, color: '#614E43' },
{ label: "Europe", data: 150, color: '#F5912D' }
];
var options = {
series: {
pie: {
show: true,
radius: 1,
label: {
show: true,
radius: 2 / 3,
formatter: function(label, series)
{
return '<div style="font-size:8pt;text-align:center;padding:2px;color:white;">' + label + '<br/>' + Math.round(series.percent) + '% (' + series.data[0][1] + ')</div>';
},
background:
{
opacity: 0.8
}
}
}
},
legend: {
show: false
},
grid:
{
hoverable: true
}
};
// $.ajax({
// type:"POST",
// dataType: "JSON",
// url:'source_pie.php',
// success: function(data) {
// $.plot($("#pie2"), data, options);
// }
// });
$(function () {
$.plot($("#pie2"), data, options);
});
}); [/javascript]
J'utilise le flot de jQuery.
Oui j'ai testé avec les datas à distance
[quote]Array
(
[0] => Array
(
[label] => 77
[data] => 372
)
[1] => Array
(
[label] => 93
[data] => 393
)
[2] => Array
(
[label] => 94
[data] => 350
)
)[/quote]
Oui j'ai testé avec les datas en local
[javascript]jQuery(document).ready(function ($){
var data = [
{ label: "USA", data: 50, color: '#614E43' },
{ label: "Europe", data: 150, color: '#F5912D' }
];
var options = {
series: {
pie: {
show: true,
radius: 1,
label: {
show: true,
radius: 2 / 3,
formatter: function(label, series)
{
return '<div style="font-size:8pt;text-align:center;padding:2px;color:white;">' + label + '<br/>' + Math.round(series.percent) + '% (' + series.data[0][1] + ')</div>';
},
background:
{
opacity: 0.8
}
}
}
},
legend: {
show: false
},
grid:
{
hoverable: true
}
};
// $.ajax({
// type:"POST",
// dataType: "JSON",
// url:'source_pie.php',
// success: function(data) {
// $.plot($("#pie2"), data, options);
// }
// });
$(function () {
$.plot($("#pie2"), data, options);
});
}); [/javascript]