簡體   English   中英

如何在HighChart上加載CSV文件數據?

[英]How To Load CSV File Data On HighChart?

我正在嘗試使用highchart庫到Xcode以在移動應用程序中顯示圖表。 Objective C調用highchart庫。 對於數據加載,我已將本地.CSV文件包含到Xcode中。 現在,如果我正在使用以下代碼從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
                     }
                 }]
            });
        });
  });
 data: {
        csv: data // data is your param you set in get csv call

    },

在這里參考文檔

要直接從CSV文件加載數據,您應該添加Highcharts 數據模塊 ,然后按以下方式設置數據:

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

有關數據模塊的更多信息,請參見Highchars Docs- 這里

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM