Highcharts выравнивают точки графика, чтобы начать с оси y

Question

Я пробовал все, что мог, чтобы диаграмма начиналась с абсолютной левой части графика (смещения, minPadding, startOnTick и т. Д.). Независимо от того, что я делаю, я не могу заставить его начать с очень далекой стороны. Вот примеры изображений:

Здесь приведен пример кода им JsFiddle, где вы можете попробовать: http://jsfiddle.net/agrublev/VDVpu/3/

и вот некоторые из кода:

chart: { 
     type: 'area', 
     height: '175' 
    }, 
    legend: false, 
    plotOptions: { 
     series: { 
      events: { 
       click: function (e) { 
        location.href = e.point.options.url; 
       } 
      }, 
      fillColor: { 
       linearGradient: [0, 0, 0, 300], 
       stops: [ 
        [0, 'rgba(201,241,217,0)'], 
        [1, 'rgba(201, 241, 217,1)'] 
       ] 
      } 
     } 
    }, 
    title: { 
     text: false 
    }, 
    xAxis: { 
     categories: ['04/17', '04/17', '04/17', '04/18', '04/19', '04/19', '04/20', '04/20', '04/21', '04/21'], 
     labels: { 
      align: "left" 
     },tickmarkPlacement: 'on', 
     startOnTick: true 
    }, 
    yAxis: { 
     title: { 
      text: false 
     }, 
     labels: { 
      formatter: function() { 
       return '$' + (this.value).formatMoney(0); 
      }, 
      y: 15 
     }, 
     alternateGridColor: '#f4f8f9', 
     gridLineColor: '#c4dce2' 
    }, 

высоко ценим любую помощь !

Answer 1

Не используйте классифицировать XAxis, попробуйте использовать или линейный, или datetime, с меткой. Пример:

xAxis: { 
    labels: { 
    formatter: function(){ 
     return names[this.value]; 
    } 
    } 
} 

, где names является массив категорий. См.: http://jsfiddle.net/9tpao7Lf/

Answer 2

Я думаю, что вместо категории серии идти в течение времени даты серии, как here

Я изменил свой jsfiddle вы можете проверить на http://jsfiddle.net/VDVpu/4/

xAxis:{ 
type:'datetime', 
} 

Answer 3

Если вы не хотите менять тип xAxis, то одним из возможных решений является использование min & max в вариантах xAxis.

Для проверки Referance следующий jsfiddle код http://jsfiddle.net/zdMTy/58/

var categories = ['A', 'B', 'C', 'D','E']; 
    xAxis: { 
      categories: categories, 
      min: 0.5, 
      max:categories.length - 1.5 
    }