首页 > 解决方案 > Highcharts - yAxis 对数刻度和 allowDecimals 设置为 false 似乎没有任何效果

问题描述

我想阻止在我配置的面积图的 y 轴上显示十进制值。

当我的图表最初显示所有系列时,我看到:

在此处输入图像描述

但是在过滤掉一些要显示的系列之后,我看到 y 轴开始显示十进制值,如下所示:

在此处输入图像描述

我的 yAxis 配置如下:

yAxis: {
            gridLineColor: 'transparent',
            allowDecimals: false,
            type: 'logarithmic',
            minorTickInterval: 1,
            lineWidth: 0,
            gridLineWidth: 0,
            minorGridLineWidth: 0
        },

我想知道这是否与对数刻度有关,但是当我注释掉type恢复使用默认刻度的选项时,它没有区别,我观察到相同的行为。

有没有办法防止小数显示并且只显示整个值?

谢谢

更新:

所以我在这里复制了一个小提琴-> https://jsfiddle.net/parky12/cn5mdzea/

似乎这与对数刻度有关。

如果禁用低系列,则小数点出现在轴上。

有没有办法防止这些显示?

标签: highchartshighcharts-ngangular2-highcharts

解决方案


我发现这个配置对我有用:

  yAxis: {
    gridLineColor: 'transparent',
    allowDecimals: false,
    type: 'logarithmic',
    tickInterval: 0.1,
    startOnTick: false,
    lineWidth: 0,
    gridLineWidth: 0,
    minorGridLineWidth: 0
  },

请记住,对于对数轴,tickInterval 属性的工作方式不同,即 1 将是每 10 次方的标签,因此对于此数据集,至少您需要 0.1 的间隔

小提琴


推荐阅读