Highcharts圖軸超出設定的最小值和最大值

我想限制我的y軸範圍從-43到43.我還希望我的圖表不顯示空間/面積/任何低於或超過這些值。這裏是我的軸線選項看起來像Highcharts圖軸超出設定的最小值和最大值

yAxis: { 
    tickInterval: 1, 
    minorTickInterval: null, 
    endOnTick: false, 
    min: -41, 
    max: 43, 
    title: { 
     text: 'Y Coordinate' 
    }, 
    gridLineColor: 'transparent' 
}

但是，下面的圖片中，你可以清楚地看到，highcharts是爲我下面的限制值，下至-45顯示空間。我想要這些硬限制，以便我的背景圖像與座標網格系統完美地排成一行。

我讀了設置我的tickInverval爲1和endOnTick爲false會產生所需的結果，但它似乎並非如此。

任何想法？

來源

2017-04-18 wKavey

嘗試增加'minPadding：0'和'maxPadding：0'您軸線設置以及：http://api.highcharts.com/highcharts/yAxis.maxPadding | http://api.highcharts.com/highcharts/yAxis.minPadding – jlbriggs

勾選位置決定開始和結束軸的值。您可以使用tickPositions來傳遞您的頭寸或創建一個函數，根據您的最小值和最大值返回標記位置並將其作爲定位器傳遞。

const random =() => Math.round((Math.random() * 200) - 100) 
const options = { 
    yAxis: { 
    min: -99, 
    max: 99, 
    // tickPositions: [-99, 99], 
    tickPositioner() { 
     const axis = this 
     return axis.tickPositions.map((pos) => { 
     if (pos <= axis.max && pos >= axis.min) return pos // If between range 
     else if (pos > axis.max) return axis.max 
     else if (pos < axis.min) return axis.min 
     }) 
    } 
    }, 
    series: [{ 
    data: [...Array(10)].map(random), 
    type: 'column' 
    }] 
} 

const chart = Highcharts.chart('container', options)

活生生的例子： https://jsfiddle.net/918zb76r/

來源

2017-04-18 11:48:13 stpoa

Highcharts圖軸超出設定的最小值和最大值

回答

相關問題