Highcharts - 仅显示xAxis中的年份

时间:2016-01-20 17:29:54

标签: highcharts

我按年分组数据,并且只想显示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"
    }
  }

jsfiddle:http://jsfiddle.net/747hs83s/

我想在x轴上只有2014和2015标签。

2 个答案:

答案 0 :(得分:2)

答案"为什么图表显示数月"只是表示您的数据点之间有几个月的显示,而且图表无法知道您不希望它显示它们。

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

pointRange:86400000 * 365//one year

示例:

默认情况下,它会将年份显示为标签。如果显示/隐藏系列,则可能会发生变化。标签格式也有很多种。

标签格式参考:

答案 1 :(得分:2)

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

<form id="myForm">
   //some fields
   <a onclick="document.getElementById('myForm').submit()" ></a>
</form> 

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