highcharts - 有没有办法在不使用 PHP 的情况下将数据加载到 Highstock 中？

Question

三天来，我一直在努力尝试将数据加载到 Highstock 图表中的所有三种方法。有没有不用PHP就可以导入数据的方法？我在没有安装 PHP 的 IIS 服务器上。

当我使用指向 http://www.highcharts.com/samples/data/jsonp.php 的 $j.getJSON() 方法时它工作正常。但是，当我开始尝试添加自己的数据时(我尝试了 CSV 和 XML)，我可以通过 firebug 控制台看到一切正常运行，但是我得到了一个奇怪的结果。

http://i.imgur.com/qj5y8bM.png

我可以获取股票图表的样本(3 个绘图点)吗？我能找到的所有样本都是用于 Highchart Barchart 的。这与我使用 StockChart 所做的完全不同。拜托，我需要一个示例 CSV 和示例 JSON 以此为基础。有人请帮忙。

Answer 1

看看docs , 有一些关于如何做的演示和解释。

第一 ，创建 csv。

Categories,Apples,Pears,Oranges,Bananas
John,8,4,6,5
Jane,3,4,2,3
Joe,86,76,79,77
Janet,3,16,13,15

第二 , 定义基本图表选项。

var options = {
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'column'
    },
    title: {
        text: 'Fruit Consumption'
    },
    xAxis: {
        categories: []
    },
    yAxis: {
        title: {
            text: 'Units'
        }
    },
    series: []
};

第三 ，处理数据。

$.get('data.csv', function(data) {
    // Split the lines
    var lines = data.split('\n');

    // Iterate over the lines and add categories or series
    $.each(lines, function(lineNo, line) {
        var items = line.split(',');

        // header line containes categories
        if (lineNo == 0) {
            $.each(items, function(itemNo, item) {
                if (itemNo > 0) options.xAxis.categories.push(item);
            });
        }

        // the rest of the lines contain data with their name in the first position
        else {
            var series = {
                data: []
            };
            $.each(items, function(itemNo, item) {
                if (itemNo == 0) {
                    series.name = item;
                } else {
                    series.data.push(parseFloat(item));
                }
            });

            options.series.push(series);

        }

    });

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

和 here is the result .