ich Daten von Ajax-Antwort in einem Array haben, hier ist sie:Daten von Ajax Antwort nicht in HighChart geladen werden
"attd": [
{
"y": 1,
"name": "Attendance",
"sliced": true,
"selected": true
},
{
"y": 1,
"name": "SPJ in town",
"sliced": true,
"selected": true
}
]
ich dieses Ergebnis in highchart geben wollen, hier ist mein Code:
success: function(rs) {
var attdChart = $(".attdChart");
attdChart.unbind();
var jsonData = JSON.parse(rs);
if (jsonData.success) {
var data = jsonData.attd;
var data_array = [];
$.each(data, function(key, value){
data_array.push(value);
});
$('#containerPiechart').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'pie',
height: 200,
marginRight: 60
},
title: {
text: ''
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: false,
format: '<b>{point.name}</b>: {point.percentage:.1f} %',
style: {
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
}
},
showInLegend: true
}
},
legend: {
align: 'right',
verticalAlign: 'top',
layout: 'vertical',
x: 0,
y: 0
},
series: data_array
});
}
ich versuchte console.log
zu verwenden, hier ist das Ergebnis:
es das Ergebnis zeigen. Ich nahm an, dass der Fehler in series: data_array
verursacht, wenn ich einen harten Code dort gebe, zeigte das Diagramm.
Aber führen Sie den Code: series: data_array
, gibt es keine Grafik show.Help mir bitte ...
Teilen Sie einen Text anstelle von 'image'! Was sagt die Konsole? Irgendwelcher "Fehler"? – Rayon
Es gibt keinen Fehler im Konsolenprotokoll, es zeigt nur das Ergebnis –
Können Sie [Fiddle] (https://jsfiddle.net/) teilen? – Rayon