Highchart里程錶採取輸入從CSV

Question

我試圖從csv讀取數據並顯示它作爲一個輸入速度計，但我無法得到的圖表。請告訴我我哪裏錯了。

我的代碼是：

$(document).ready(function() {   
    var options = { 
     chart: { 
      type: 'gauge', 
      plotBackgroundColor: null, 
      plotBackgroundImage: null, 
      plotBorderWidth: 0, 
      plotShadow: false 
     }, 
     title: { 
      text: 'Speedometer' 
     }, 
     pane: { 
      startAngle: -150, 
      endAngle: 150, 
      background: [{ 
       backgroundColor: { 
        linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 
        stops: [ 
         [0, '#FFF'], 
         [1, '#333'] 
        ] 
       }, 
       borderWidth: 0, 
       outerRadius: '109%' 
      }, { 
       backgroundColor: { 
        linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, 
        stops: [ 
         [0, '#333'], 
         [1, '#FFF'] 
        ] 
       }, 
       borderWidth: 1, 
       outerRadius: '107%' 
      }, { 
       // default background 
      }, { 
       backgroundColor: '#DDD', 
       borderWidth: 0, 
       outerRadius: '105%', 
       innerRadius: '103%' 
      }] 
     }, 
     // the value axis 
     yAxis: { 
      min: 0, 
      max: 100, 

      minorTickInterval: 'auto', 
      minorTickWidth: 1, 
      minorTickLength: 10, 
      minorTickPosition: 'inside', 
      minorTickColor: '#666', 

      tickPixelInterval: 30, 
      tickWidth: 2, 
      tickPosition: 'inside', 
      tickLength: 10, 
      tickColor: '#666', 
      labels: { 
       step: 2, 
       rotation: 'auto' 
      }, 
      title: { 
       text: 'km/h' 
      }, 
      plotBands: [{ 
       from: 0, 
       to: 120, 
       color: '#55BF3B' // green 
      }, { 
       from: 120, 
       to: 160, 
       color: '#DDDF0D' // yellow 
      }, { 
       from: 160, 
       to: 200, 
       color: '#DF5353' // red 
      }]   
     }, 
     series: [] 
    };    
    $.get('data.csv', function(data) {    
     var series = { 
      data: [], 
      name: 'Speed', 
      tooltip: { 
       valueSuffix: ' km/h' 
      } 
     }; 

     series.data.push(parseFloat(data)); 
     options.series.push(series); 
     alert("data "+options.series); 
     var chart = new Highcharts.Chart(options);      
    }); 
}); 

和csv文件是簡單 data.csv只有一個值30. 或櫃面是

t1,30 
t2,40 
t3,60 

如何顯示3個對應速度計與相應的速度。 我們非常感謝您的幫助。 在此先感謝。

Answer 1

在你的情況的數據你的數據（從阿賈克斯）是一個字符串，但你需要分割的元素，然後選擇應該被解析爲整數（parseFloat）。