Question

我正在尝试从XML加载饼图动态。以下代码正确解析XML，但不是显示一个具有多个类别的饼，而是创建多个pies彼此重叠。创建报告时，我可以看到颜色正在变化和重叠。每个馅饼只有一个类别。我想这里有一个指针问题。

var series = {  data: []       };
$xmlDoc.find('row').each(function () {
   var $row = $(this);
   var dataRow = {};
   dataRow.name = $row.find('activityDesc').text();
   dataRow.y = parseFloat( $row.find('activityCount').text());

   series.data.push(dataRow);
});   

myChart.series.push(series);
myChart.title.text.push($xmlDoc.find('title').text()  );
var pie = new Highcharts.Chart(myChart);

Answer 1

您是否尝试过直接观察JSON以确保格式正确？

然后，您可以验证JSON以确保它符合Highcharts演示页面上所需的规范。

顺便说一下，为了节省一些时间，您还可以尝试将XML转换为JSON的脚本即使用像xml2json.js

这样的工具

以下是Highcharts演示页面上用于PieChart的示例数据：

series: [{
        type: 'pie',
        name: 'Browser share',
        data: [
            ['Firefox',   45.0],
            ['IE',       26.8],
            {
                name: 'Chrome',    
                y: 12.8,
                sliced: true,
                selected: true
            },
            ['Safari',    8.5],
            ['Opera',     6.2],
            ['Others',   0.7]
        ]
    }]

从XML加载数据时，Highcharts饼图重叠

1 个答案: