отображение дат по оси х с Highcharts.js

Question

Я строю гистограмму с highcharts.js. Ось x представляет собой массив дат, а ось y - массив чисел от 0 до 100. Я хочу показать даты на оси X, но только показывать тики, когда есть новая дата. Если вы посмотрите на этот fiddle, вы можете увидеть текущий график и то, как даты выглядят плохо. Посмотрите на это fiddle и как он отображает даты в элегантном стиле. По сути, я хочу показывать только несколько тиков на оси х, рисуя много точек данных.

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: 'Monthly Average Rainfall' 
     }, 
     subtitle: { 
      text: 'Source: WorldClimate.com' 
     }, 
     xAxis: { 
      categories: dates , 
      crosshair: true 
     }, 
     yAxis: { 
      min: 0, 
      title: { 
       text: 'Rainfall (mm)' 
      } 
     }, 
     tooltip: { 
      headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + 
       '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>', 
      footerFormat: '</table>', 
      shared: true, 
      useHTML: true 
     }, 
     plotOptions: { 
      column: { 
       pointPadding: 0.2, 
       borderWidth: 0 
      } 
     }, 
     series: [{ 
      name: 'Tokyo', 
      data: ticks 

     }] 
    }); 

Answer 1

Добавить minTickInterval в настройки XAxis:

xAxis: { 
      categories: dates , 
      crosshair: true, 
      minTickInterval: 24 
     }