在折线图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];
                }
            }
        }

<强> DEMO

Answer 2

您还可以将xaxis类型设置为datetime（http://api.highcharts.com/highcharts#xAxis.type），并对系列使用pointStart（）/ pointInterval。