highcharts 如何在最小/最大值上强制启动并防止自动舍入

huwehgph 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(209)

我试图强制图形开始我的minY/maxY值，但它继续舍入tick值。
我目前的程式码如下所示：

yAxis: [
          {
              tickAmount: 3,
              min: minYAxis,
              max: maxYAxis,
              endOnTick: false,
              gridLineWidth: 0,
              title: {
                text: ...,
              },
              alignTicks: false,
            }
      ],

图片上的最小值和最大值应为最大值：1630 min：1400。在当前实施中，一些系列值也高于最大分笔成交点值。

highcharts

来源：https://stackoverflow.com/questions/72434536/how-to-force-start-on-min-max-and-prevent-automatic-rounding

1条答案

按热度按时间

y53ybaqx1#

默认情况下，Highcharts强制在舍入值上使用刻度。如果您将yAxis.min或yAxis.max设置为某个值，该值不能被舍入tickInterval整除（例如，2、5、10、20、25、50、100），则此值将舍入为该值。
还有一些其他的方法可以设置刻度，最常用的方法是设置tickPositions数组，它严格规定刻度应该在给定的坐标轴上，或者使用tickFormatter函数，它返回tickPositions数组。

示例代码：

let data = [1500, 1400, 1550, 1630, 1600],
  min = Math.min(...data),
  mid = (Math.max(...data) - Math.min(...data)) / 2 + Math.min(...data),
  max = Math.max(...data);

Highcharts.chart('container', {

  yAxis: [{
    tickPositions: [min, mid, max]
  }],

  series: [{
    data: data
  }]

});

示范：

https://jsfiddle.net/BlackLabel/07kzt12x/

API参考：

https://api.highcharts.com/highcharts/yAxis.tickPositions https://api.highcharts.com/highcharts/yAxis.tickPositioner

赞(0）回复(0）举报 2022-11-10