Question

我正在尝试将highchart库用于Xcode以显示图表在移动应用程序中。 Objective C调用高级图书馆。对于数据加载，我在Xcode中包含了本地.CSV文件。现在如果我使用下面的代码从CSV文件中读取数据，我就无法打印数据和图表数据也无法加载。

我的代码

$(function () {

  $.get('data.csv', function(data) {

            // Create the chart
            $('#container').highcharts('StockChart', {

                   rangeSelector : {
                     selected : 1
                   },

                   title : {
                         text : ''
                   },

                   rangeSelector : {
                         enabled : false
                   },

                   scrollbar : {
                         enabled : false
                   },

                   navigator : {
                         enabled : false
                   },

                   plotOptions: {
                       line: {animation: true},
                       series: {
                           marker: {
                           enabled: true,
                           fillColor: '#FFFFFF',
                           lineWidth: 2,
                           symbol: 'url()'
                               },
                           enableMouseTracking: true
                           }
                   },

                   series : [{
                             name : 'AAS Stock Price',
                             csv:data,
                             /*data : [
                                     [1233705600000,13.36],
                                     [1233792000000,13.78],
                                     [1233878400000,14.25],
                                     [1234137600000,14.64],
                                     [1234224000000,13.98],
                                     [1234310400000,13.83],
                                     [1234396800000,14.18],
                                     [1234483200000,14.17],
                                     [1234828800000,13.50],
                                     [1234915200000,13.48],
                                     [1235001600000,12.95],
                                     [1235088000000,13.00],
                                     [1235347200000,12.42],
                                     [1235433600000,12.89],
                                     [1235520000000,13.02],
                                     [1235606400000,12.74],
                                     [1235692800000,12.76]],*/
                             tooltip: {
                             valueDecimals: 2
                     }
                 }]
            });
        });
  });

Answer 1

 data: {
        csv: data // data is your param you set in get csv call

    },

，

参考Documentation here

Answer 2

要直接从CSV文件加载数据，您应该添加Highcharts data module，然后设置如下数据：

$.get('data.csv', function(csv) {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        data: {
            csv: csv
        },
        title: {
            text: 'Fruit Consumption'
        },
        yAxis: {
            title: {
                text: 'Units'
            }
        }
    });
});

有关数据模块的更多信息，请参阅Highchars文档 - here。

如何在HighChart上加载CSV文件数据？

2 个答案: