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

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

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);

来源

2011-02-25 Dorit

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

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

顺便说一句，为了节省一些时间，你也可以尝试一个脚本，转换XML到JSON 即，使用的工具，像xml2json.js

下面是用于饼图的Highcharts演示页面上的示例数据：

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] 
     ] 
    }]

来源

2011-02-25 19:39:13

静态代码运行完美。当我添加动态数据时，问题就开始了。 – Dorit 2011-02-25 19:55:57

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

回答

相关问题