尝试将系列添加到Highcharts饼图中时,仅显示系列的名称,而不显示图形本身。
如果我手动输入系列,图表将正确显示,但通过.each循环完成后,它仅显示添加的系列名称。
这是我的代码:
function my_pie(){
// Build the chart
$('#pie_chart').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
marginBottom: 0,
spacingTop: 0,
marginTop:0,
marginLeft:50,
marginRight:50
},
credits:{
enabled:false
},
title: {
text: ''
},
tooltip: {
pointFormat: '{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: false
},
showInLegend: false
}
},
series: [{
type: 'pie',
name: 'Innehav',
data: [ ]
}]
});
var chart = $('#pie_chart').highcharts();
$.each(data_array, function( index, value ) {
chart.addSeries({
name: index,
y: parseInt(value)
}, false);
});
chart.redraw();
};
这是console.log(data_array)的输出
Object {Ja: "272", Nej: "30", Vet ej: "1"}
更新:这是data_array的生成方式(我添加了num_check使值成为整数)
var data_array = <?php echo json_encode($data_pie, JSON_NUMERIC_CHECK ) ?>;
现在console.log(data_array)看起来像这样:
Object {Ja: 272, Nej: 30, Vet ej: 1}
饼图只是一个系列,而不是其他类型的多个系列。您应该改为添加值:
$.each(data_array, function( index, value ) {
chart.series[0].addPoint({
name: index,
y: parseInt(value)
}, false);
});
chart.redraw();
或更好,使用setData
:
var data = []
$.each(data_array, function( index, value ) {
data.push( [index, parseInt(value) ]);
});
chart.series[0].setData(data);
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句