Highcharts:仅显示以零结尾的年份的x轴标签(1950年,1960年,1970年......)

时间:2014-05-30 20:06:35

标签: highcharts

我使用Highcharts创建了一个包含1947年至2012年数据的柱形图。有没有办法让x轴只在年末以零结束时显示标签?

因此图表将从1947年的数据开始,但第一个x轴标签将是" 1950,1960,1970,......"即,1947年,1948年,1949年,1951年,1952年的空白轴标签......

1 个答案:

答案 0 :(得分:1)

我看到两个选项:

1。)在10年标记处指定您自己的标记:

tickPositions: [Date.UTC(1950, 0, 1),Date.UTC(1960, 0, 1),Date.UTC(1970, 0, 1),...]

为此,您还需要指定自定义格式化程序:

labels: {
    formatter: function () {
        return Highcharts.dateFormat('%Y', this.value);
     }
 } 

2。)让Highcharts创建滴答声,然后'丢弃'那些没有开始十年的滴答声

labels: {
    formatter: function () {
        var strVal = Highcharts.dateFormat('%Y', this.value);
        if (strVal.endsWith('0')){
           return strVal;
         } else {
           return "";
         }
     }
}

Here's a fiddle展示了这两种方法。

相关问题