【问题标题】:Highcharts - xAxis label for each pointHighcharts - 每个点的 xAxis 标签
【发布时间】:2014-11-19 09:43:55
【问题描述】:

问题:“有没有办法为每个点强制一个 xAxis 标签?”

基本上,我有一个时间序列,我需要标记 xAxis 上的每个点...这些点可以是任何间隔。

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

    您需要更改的设置是 'tickInterval' (http://api.highcharts.com/highcharts#xAxis.tickInterval)。

    假设轴的类型为“日期时间”,并且您希望间隔为 1 天,时间以毫秒为单位,您将需要:

    xAxis: {
            type: 'datetime',
            tickInterval:60*60*24* 1000,
    }
    

    如果您需要对标签进行更多控制,您可以提供一个 tickPositions 数组或编写一个 tickPositioner 函数 (http://api.highcharts.com/highcharts#xAxis.tickPositioner)。

    在您的情况下,提供 tickPositions 选项可能更容易,因为您可以循环获取 x 轴值并创建日期时间值数组。

        xAxis: {
            tickPositions: [0, 1, 2, 4, 8]
        },
    

    【讨论】:

    • tickInterval 设置固定间隔。即使周一、周二、周四、周日有一个点,这也需要工作。所有这些日子都应该在 xAxis 上(星期三星期五和星期六不应该显示)。
    • 更新了我的答案以包含有关 tickPositions 的信息。
    • 也看了这个,这样我就不得不手动设置每个标签。而且由于数据是动态更新的,这可能有点麻烦。
    • 我认为你别无选择。如果它是动态的,使用 tickPositioner 函数可能会更好。
    猜你喜欢
    • 2014-06-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多