javascript - 使用 Highcharts 在 xAxis 上仅显示年份

标签 javascript highcharts axis-labels

我有一个图表,显示了许多天、几个月和几年的线条。我希望仅在 xAxis 上每隔 x 年显示一次。在Safari中,可以正确显示;在 Firefox (41.0) 中,它一直显示 1970。这里is a fiddle .

数据如下:

    Date,Value
    1-Jan-1993,
    2-Jan-1993,
    3-Jan-1993,
    4-Jan-1993,
    5-Jan-1993,-4.30161566849

xAxis 定义如下:

    xAxis: 
    {
        tickWidth: 0,
        type: 'datetime',
        labels: 
        {
           format: '{value:%Y}'
        }
    }

这是 Firefox 输出的屏幕截图:

enter image description here

感谢您的建议!

最佳答案

Firefox 无法解析当前格式的日期字符串,它们都返回 1970 年 1 月 1 日的默认日期时间,用空格替换所有 - 分隔符允许 Firefox、Chrome 和 IE 正确解析日期:在这里看到 http://fiddle.jshell.net/z2uosh1a/

关于javascript - 使用 Highcharts 在 xAxis 上仅显示年份,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33365076/

相关文章:

javascript - CS1002 : ; expected

javascript - 为什么我的 $.inArray() 函数在投票系统中不起作用?

r - 如何将 x 轴刻度设置为月末?

r - 增加 y 轴刻度标签 ggplot2 上的间距

r - 我的图表的标题重叠。我怎样才能解决这个问题?

javascript - 如何将 JavaScript 变量作为参数传递给 JSF 操作方法?

javascript - 如何旋转 Canvas 矩形数组

javascript - 使用 AngularJS 组件根据类型呈现图表

javascript - 添加在 Highcharts 中逐点不同的自定义文本工具提示

javascript - HighChart 标记突出显示/工具提示问题,突出显示标记不移动