【问题标题】:Highcharts - Column Chart - Y Axis DateTimeHighcharts - 柱形图 - Y 轴日期时间
【发布时间】:2013-03-27 10:37:48
【问题描述】:

我在 HighCharts 上有一个可以正确显示 dateTimeLabels 的折线图。但如果将其更改为 type:column,则标签将替换为数字,并且所有列的高度相同。

http://highcharts.com/jsbin/ihorog/edit#javascript,live (要检查错误,只需取消注释 type:column on jsbin)

【问题讨论】:

    标签: highcharts


    【解决方案1】:

    这是因为一列被绘制为从零到值,并且由于您的值是由 Date.UTC() 创建的,所以零是 1970 年 1 月 1 日。由于标签跨越如此大的时间跨度,它正在做某事诡异的。为您的 yAxis 指定一个最小值,它将从那里开始。

    http://highcharts.com/jsbin/uvuvoh/edit#javascript,live

    yAxis: {
        min : Date.UTC(2013,0,1),
        ...
    },
    

    【讨论】:

    • 谢谢。效果很好!!由于没有最小日期标签,因此 dateTimeLabelFormats 属性使用年份格式,因为它的时间跨度很大。使用 min 解决了我的问题。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多