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

Question

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

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 演示页面上要求的规范。

顺便说一句，为了节省一些时间，您还可以尝试使用xml2json.js 之XML类的工具转换为JSON Ie的脚本

以下是 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]
        ]
    }]