高图集-只显示xAxis的年份

Question

我按年将数据分组，只想显示2条(2014 + 2015)。

你知道为什么高图还包括酒吧之间的几个月吗？

"chart": {
      "type": "column"
    },
    "plotOptions": {
      "column": {
        "stacking": "normal"
      },
    },
  "series": [
    {
      "data": [
        [1388534400000,88]
      ],
      "name": "First",
      "id": "series-8"
    },
    {
      "data": [
        [1388534400000,39]
      ],
      "name": "2nd",
      "id": "series-9"
    },
    {
      "data": [
        [1420070400000,34]
      ],
      "name": "3rd",
      "id": "series-10"
    }
  ],
  "xAxis": {
    "type": "datetime",
    "dateTimeLabelFormats": {
      "year": "%Y"
    }
  }

小提琴手：http://jsfiddle.net/747hs83s/

我希望在x轴上只有2014年和2015年的标签。

Answer 1

您可以将pointRange定义为1年(365 * 24 * 3600 * 1000，时间以毫秒为单位)，并以相同的值设置tickInterval。

"plotOptions": {
  "column": {
  pointRange: 365 * 24 * 3600 * 1000,
    "stacking": "normal"
  },
},
"xAxis": {
    tickInterval: 365 * 24 * 3600 * 1000,
  "type": "datetime",
  "dateTimeLabelFormats": {
    "year": "%Y"
  }
}

示例：http://jsfiddle.net/3d3jzywq/

Answer 2

“为什么图表显示月份”的答案仅仅是，在需要显示的数据点之间有几个月，而图表无法知道您不希望它显示它们。

可能有很多解决方案，但我要使用的是pointRange属性--告诉图表每一列代表一年，它将相应地显示它：

pointRange:86400000 * 365//one year

示例：

• http://jsfiddle.net/jlbriggs/747hs83s/2/

默认情况下，它会将年份显示为标签。如果您显示/隐藏系列，这可能会改变。还有很多方法来格式化标签。

标签格式引用：

• http://api.highcharts.com/highcharts#xAxis.labels.format
• http://api.highcharts.com/highcharts#xAxis.labels.formatter
• http://api.highcharts.com/highcharts#Highcharts.dateFormat
• http://api.highcharts.com/highcharts#Highcharts.dateFormats
• http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats