javascript - Highstock x 轴日期时间

Question

我使用 Highstock 来显示一个图表，其中显示列中的访问者数量，并且我需要缩放来显示每天、每月和每年的访问者数量

在我的图表中，我可以显示每天的访问者数量，但我也想显示每月和每年的访问者数量。但是，当我查看图表(每月)时，我没有 12 列的图表，而是 365 列的图表(每天一个)。

我使用 xAxis 的 datetime 类型，但它不起作用...

x rangeSelector: {

       inputDateFormat:'%d.%m.%Y',
       inputEditDateFormat:'%d.%m.%Y',
       buttonTheme: {
           width: 80
       },

       buttons: [{
               type: 'day',
               count: 7,
               text: 'day'
           }, {
               type: 'month',
               count: 12,
               text: 'month'
           }, {
               type: 'year',
               count: 1,
               text: 'years'
           }],
       selected: 0
   },

轴:{

      minTickInterval: 24 * 3600 * 1000,
       type: 'datetime',
       title: {
           text: 'Time'
       },
       dateTimeLabelFormats: {
           day: '%d.%m<br/>%Y'
      }
   }

如何获得“每列添加访问者”的图表？

以下是我现在得到的。第一张图还可以，但第二张图就不行了。我想要 12 列而不是 365。

每天: 每年:

Answer 1

影响图表上应显示的时间跨度的范围选择器按钮。如果要在图表上显示特定单位，则需要使用强制数据分组，参见:

• http://api.highcharts.com/highstock#plotOptions.series.dataGrouping.units

• http://api.highcharts.com/highstock#plotOptions.series.dataGrouping.forced

示例可以在这里找到:http://www.highcharts.com/stock/demo/candlestick-and-volume