2015-06-24 75 views
2

上限Highchart的測量儀我想要有一個最小值和最大值(0-200)並將測量線限制在200.數據可能超過200,但是儀表仍然需要在200上限。有沒有辦法在最大爲

是否有一個參數來做到這一點?

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: 200, 

    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: [{ 
    name: 'Speed', 
    data: [555], 
    tooltip: { 
     valueSuffix: ' km/h' 
    } 
}] 

回答

5

您可以使用plotOptions.gauge.wrap: false防止環繞。

API description

包裝:布爾

當此選項true,錶盤將包裹繞軸。例如,在從0到360範圍內的全量程中,400的值將指向40.當wrapfalse時,轉盤在360處停止。默認爲true

實施例使用(JSFiddle):

plotOptions: { 
    gauge: { 
     wrap: false 
    } 
} 
+0

大的答案。完美的作品! – Tyager

相關問題