gow从JS变量中得到Highcharts solid Gauge数据?

gow从JS变量中得到Highcharts solid Gauge数据?

问题描述:

我是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: '%' 
        } 
       }] 
     }); 
    }); 

类型的value变量的是string和从我的观点来看的值传递给series.data应该是一个真正的数组。

您可以将一个“阵列状”字符串数组像下面(假设你response[0]就像是"a,b,c"):

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

如果这不能解决你的问题,我建议你把更多代码,就像什么response[0]是什么和印在console ...

+0

工程就像魅力。谢谢 – EatingTooMuch