【问题标题】:highcharts yaxis start on 1 min:1 not workinghighcharts yaxis 开始于 1 分钟:1 不工作
【发布时间】: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]
    }]

【问题讨论】:

    标签: highcharts


    【解决方案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 在这种情况下,这可能是一个适合您的解决方案:stackoverflow.com/questions/8189921/…
    【解决方案2】:

    您是否尝试过使用 tickPositioner?

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-09-26
      • 2016-11-28
      • 2018-09-30
      • 1970-01-01
      • 2017-12-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多