highcharts - 在折线图的 x 轴上显示年份

Question

这是图表目前的样子：

http://jsfiddle.net/VunVq/1/

在 x 轴上而不是显示完整日期，我只想显示年份。

例如 2008 2009 2010

工具提示应该显示完整的日期。

xAxis: {
            categories: ['2008-03-31', '2009-03-31', '2010-03-31']
        },

我阅读了 api 参考，但无法弄清楚如何在 x 轴上仅显示年份，可能是因为它已经过了我的就寝时间并且我的大脑无法正常工作。

Answer 1

使用label's formatter回调 JavaScript 函数来格式化标签。

 xAxis: {
            categories: ['2008-03-31', '2009-03-31', '2010-03-31'],
            labels: {
                formatter: function () {
                    return this.value.split('-')[0];
                }
            }
        }

演示

Answer 2

您还可以将类型 xaxis 设置为日期时间 ( http://api.highcharts.com/highcharts#xAxis.type ) 并使用 pointStart() / pointInterval 进行系列。