highcharts yaxis 开始于 1 分钟:1 不工作

Posted

技术标签:

【中文标题】highcharts yaxis 开始于 1 分钟:1 不工作【英文标题】:highcharts yaxis start on 1 min:1 not working 【发布时间】:2013-02-24 22:52:34 【问题描述】:

我需要我在 highcharts 中的 yaxis 始终从 1 开始,而不是 0。我的数据集是整数,1 是最低的,我已经尝试了所有我能想到的 min、minrange startontick 组合。我能够让y轴显示1而不是零的唯一方法是使用下面的sn-p。我基本上隐藏了 0,然后为那个绘图带设置了一个自定义标签,给它一个标签 1。这是唯一的方法吗?

yAxis: 
            min:1,
            showFirstLabel: false,
            allowDecimals : false,
            reversed: true,
            plotBands: [
                color: '#EBFAEB',
                from: 0,
                to: 10,
                label: 
                    text: '1',
                    style: 
                    color: '#000000',
                    ,
                    align: 'left',
                    verticalAlign: 'top',
                    y: 0,
                    x: -15
                
            ],

我正在使用的示例数据

    series: [
        name: 'Tokyo',
        data: [7, 6, 9, 14, 18, 21, 25, 26, 23, 18, 13, 9]
    , 
        name: 'New York',
        data: [13, 2, 1, 11, 17, 22, 24, 24, 20, 14, 8, 2]
    , 
        name: 'Berlin',
        data: [1, 3, 3, 8, 13, 17, 18, 17, 14, 9, 3, 1]
    , 
        name: 'London',
        data: [3, 4, 5, 8, 11, 15, 17, 16, 14, 10, 6, 4]
    ]

【问题讨论】:

【参考方案1】:

这可能是因为您的 tickInterval 缩放到不会从 0 开始。如果您给它一个适当的 tickInterval,min:1 应该可以工作。

或者 min:1 结合 startOnTick: false 也应该可以工作。

编辑:

我自己尝试了以下组合,它对我有用。如果您之前尝试过但对您不起作用,那么问题可能是您适合不同选项:

min: 1,
startOnTick: false,
tickInterval: 10

见:http://jsfiddle.net/Reality_Extractor/kTmqg/

【讨论】:

min:1tickinterval:1 它可以工作,但是绘图带太多了,我可以告诉我如何让它每 10 个刻度位置显示一个带吗?所以会是 1 10 20 30 等等? 我已经编辑了我的问题以显示我正在使用的示例数据系列 @Anagio 我编辑了我的答案,我只是尝试了这些选项并且它有效,请确保您在 startOnTick 中使用大写的 O 和 T。 可以,但它没有显示数字 1,其中 0 位于左下角。它只是隐藏了第一个刻度。我想我必须创建多个自定义 plotband 标签才能让它按照我需要的方式工作。 @Anagio 在这种情况下,这可能是一个适合您的解决方案:***.com/questions/8189921/…【参考方案2】:

您是否尝试过使用 tickPositioner?

http://api.highcharts.com/highstock#yAxis.tickPositioner

【讨论】:

以上是关于highcharts yaxis 开始于 1 分钟:1 不工作的主要内容,如果未能解决你的问题,请参考以下文章

Highcharts yAxis setExtremes far off

如何在 HighChart 的 yAxis 上仅显示整数值?

Highcharts JS 的样式问题

如何设置 Highcharts 图表最大 yAxis 值

Highcharts:向 yAxis 添加一个自定义标签

解决 Highcharts 中 yAxis 的 max 设置无效的问题