0

XML から動的な円グラフを読み込もうとしています。次のコードは XML を正しく解析しますが、複数のカテゴリを持つ 1 つの円グラフを表示する代わりに、複数の円グラフが互いに重なり合うように作成します。レポートを作成すると、色が変化して重なっているのがわかります。各パイには 1 つのカテゴリしかありません。ここでポインタの問題があると思います。

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

1 に答える 1

0

JSON を直接観察して、正しい形式であることを確認しましたか?

次に、JSON を検証して、Highcharts デモ ページで必要な仕様を満たしていることを確認します。

ところで、時間を節約するために、 xml2json.jsXMLのようなツールを使用して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]
        ]
    }]
于 2011-02-25T19:39:13.247 に答える