Question

我正在尝试基于XML文件创建Highchart表。但是我还没有成功。我正在使用Highcharts网站的例子。

这是我的脚本：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script src="http://code.highcharts.com/highcharts.js" type="text/javascript"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto;"></div>

我将以下data.xml文件上传到我的网站www.example.com/data.xml，其中包含以下数据：

<chart>
<categories>
<item>Apples</item>
<item>Pears</item>
<item>Oranges</item>
<item>Bananas</item>
</categories>
<series>
<name>John</name>
<data>
<point>8</point>
<point>4</point>
<point>6</point>
<point>5</point>
</data>
</series>
<series>
<name>Jane</name>
<data>
<point>3</point>
<point>4</point>
<point>2</point>
<point>3</point>
</data>
</series>
<series>
<name>Joe</name>
<data>
<point>86</point>
<point>76</point>
<point>79</point>
<point>77</point>
</data>
</series>
<series>
<name>Janet</name>
<data>
<point>3</point>
<point>16</point>
<point>13</point>
<point>15</point>
</data>
</series>
</chart>

这是我正在使用的脚本：

// Load the data XML file 
 $.get('data.xml', function(xml) {

// Split the lines
var $xml = $(xml);

// push categories
$xml.find('categories item').each(function(i, category) {
    options.xAxis.categories.push($(category).text());
});

// push series
$xml.find('series').each(function(i, series) {

    var seriesOptions = {
        name: $(series).find('name').text(),
        data: []
    };

    // push data points
    $(series).find('data point').each(function(i, point) {
        seriesOptions.data.push(
            parseInt($(point).text())
        );
    });

    // add it to the options
    options.series.push(seriesOptions);
});

var chart = new Highcharts.Chart(options);
 });

我做错了什么？我是否将CSV文件上传到正确的文件夹中？或者我是否犯了其他错误？

在哪里上传Highchart表的XML文件

0 个答案: