2016-04-30 29 views
0

我是JS和highcharts的新人。 我試圖從一個簡單的項目列表中獲得可靠的Gauge數據值。 但它似乎沒有工作。該列表是一個AJAX響應[]。 顯然該值必須插入'[]'之間,仍然沒有數據顯示。 我的代碼有什麼問題?gow從JS變量中得到Highcharts solid Gauge數據?

var value = '['+response[0]+']'; 

     $('#rquest').append(response[0]); 
     $('#response').highcharts({ 
      chart: { 
       type: 'gauge', 
       plotBackgroundColor: null, 
       plotBackgroundImage: null, 
       plotBorderWidth: 0, 
       plotShadow: false 
      }, 
      pane: { 
       startAngle: -150, 
       endAngle: 150 

      }, 
      // 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: '%' 
       }, 
       plotBands: [{ 
         from: 0, 
         to: 30, 
         color: '#DF5353' // red 
        }, { 
         from: 30, 
         to: 60, 
         color: '#55BF3B' // yellow 
        }, { 
         from: 60, 
         to: 100, 
         color: '#DF5353' // red 
        }] 
      }, 
      series: [{ 
        name: 'Speed', 
        data: value, 
        tooltip: { 
         valueSuffix: '%' 
        } 
       }] 
     }); 
    }); 

回答

1

類型的value變量的是string和從我的觀點來看的值傳遞給series.data應該是一個真正的數組。

您可以將一個「陣列狀」字符串數組像下面(假設你response[0]就像是"a,b,c"):

var value = response[0].split(','); 

如果這不能解決你的問題,我建議你把更多代碼,就像什麼response[0]是什麼和印在console ...

+0

工程就像魅力。謝謝 – EatingTooMuch