【问题标题】:How to show only integer values on yAxis of HighChart?如何在 HighChart 的 yAxis 上仅显示整数值?
【发布时间】:2012-12-23 17:03:06
【问题描述】:

我们有一组包含事件实例计数的数据。这些只能是整数。当我们显示具有足够高 yValue 的数据时,yAxis 标签是整数。但是,当我们放大到 y = 5 以下的数据范围时,我们会看到刻度标记显示 0.5、0.75、1.5 等。我们如何强制 yAxis 标签只显示整数值?

Here 是带有一些数据的示例代码位。当您放大到图表的较低值区域时,您可以明白我的意思。 这是当前的 yAxis 设置:

yAxis: {
  labels: {
    style: {
      fontSize: '9px',
      width: '175px'
    }
  },
  title: {
    text: ''
  }
},

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

    将y轴的allowDecimals选项设置为false,以防止显示非整数刻度线:

    yAxis: {
        allowDecimals: false,
        labels: {
            style: {
                fontSize: '9px',
                width: '175px'
            }
        },
        title: {
            text: ''
        }
    }
    

    这是一个演示:http://jsfiddle.net/sBC9K/

    【讨论】:

    • @wergeld 但 Rikonator 的回答仅适用于这种情况。您可以在下面的图表中看到:jsfiddle.net/R8Hub/1 它不起作用,因为 tickInterval 高于 1。在同一张图表上使用 allowDecimals 它起作用。 jsfiddle.net/R8Hub/2。所以这是正确的答案。
    • @RicardoLohmann,这很有趣——这不是 HighStock 中的错误吗?是的,我可以看到 allowDecimals 是一个更完整的答案,但 minTickInterval 在我的案例中起到了宣传的作用。
    • @wergeld 这不是一个错误,我解释说它的发生是因为较高值的滴答间隔高于 1,它不会阻止高于 1 的数字,只是更低。
    • @RicardoLohmann 实际上,我同意。 minTickInterval1 并不意味着 tickInterval 不能是 2.5 或其他大于 1 的十进制值。这是您的示例中出现问题的地方; jsfiddle.net/uDg9k/6。嗯是的。 @Asad 的回答是正确的。
    • 好吧,我根本没有设置tickInterval。而且我没有看到它在@RicardoLohmann 提到的示例中设置。但是,我绝对认为这是我们设置tickInterval 的图表的一个问题。给阿萨德答案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-03
    • 1970-01-01
    相关资源
    最近更新 更多