2015-04-23 86 views
0

我创建了小提琴,以显示我的电流图: http://jsfiddle.net/LLExL/4445/隐藏日期时间X轴不活动的日期

的代码是

$('#container').highcharts({ 
    chart: { 
     backgroundColor: 'none', 
     spacingRight: 20, 
     zoomType: 'x' 
    }, 
    credits: { 
     enabled: false 
    }, 
    exporting: { 
     enabled: false 
    }, 
    legend: { 
     borderWidth: 0, 
     enabled: true, 
     verticalAlign: 'top', 
     y: 25 
    }, 
    plotOptions: { 
     series: { 
      animation: false, 
      marker: { 
       enabled: false, 
       states: { 
        hover: { 
         enabled: true, 
         radius: 5 
        } 
       } 
      } 
     }, 
    }, 
    title: { 
     text: 'Points' 
    }, 
    tooltip: { 
     shared: true 
    }, 
    xAxis: { 
     labels: { 
      format: '{value: %d/%m}' 
     }, 
     type: 'datetime' 
    }, 
    yAxis: { 
     title: { 
      text: null 
     }, 
     showFirstLabel: true 
    }, 
    series: [{ 
     type: 'column', 
     name: 'Reached', 
     data: [ 
      [1427328000000, 198], 
      [1427414400000, 127], 
      [1427673600000, 104], 
      [1427760000000, 107], 
      [1427846400000, 102], 
      [1427932800000, 1], 
      [1428278400000, 1], 
      [1428364800000, 55], 
      [1428451200000, 83], 
      [1428537600000, 77], 
      [1428624000000, 107], 
      [1428883200000, 99], 
      [1428969600000, 140], 
      [1429056000000, 134], 
      [1429142400000, 108], 
      [1429228800000, 104], 
      [1429488000000, 113], 
      [1429574400000, 115], 
      [1429660800000, 115], 
      [1429747200000, 97], 
     ] 
    }, { 
     type: 'line', 
     name: 'Target', 
     color: 'red', 
     lineWidth: 2, 
     data: [ 
      [1427328000000, 123], 
      [1427414400000, 123], 
      [1427673600000, 123], 
      [1427760000000, 123], 
      [1427846400000, 143], 
      [1427932800000, 0], 
      [1428278400000, 0], 
      [1428364800000, 143], 
      [1428451200000, 143], 
      [1428537600000, 143], 
      [1428624000000, 114], 
      [1428883200000, 143], 
      [1428969600000, 143], 
      [1429056000000, 143], 
      [1429142400000, 143], 
      [1429228800000, 114], 
      [1429488000000, 143], 
      [1429574400000, 143], 
      [1429660800000, 143], 
      [1429747200000, 143], 
     ] 
    } ] 
}); 

我想删除从X轴,前不活动的日期。 02/04和06/04之间的日期(但不是这两个,因为它们有价值)。

我发现的唯一解决方案是通过类别声明日期,然后离开日期时间类型轴。这对我来说不是正确的解决方案,因为轴在较小的屏幕上无法正确安装。

这是否可以删除没有价值的日期?

回答

0

在Highcharts中,轴没有序号选项,但是如果您使用的是Highstock,则可以设置它。此选项隐藏x轴上没有点的值。

您可以使用Highstock创建具有顺序x轴的轴的Highcharts图表。

负载Highstock JS文件,而不是Highcharts:

<script src="http://code.highcharts.com/stock/highstock.js"></script> 

在轴选项中设置的序号为true:

xAxis: { 
     ordinal: true, 

的jsfiddle:http://jsfiddle.net/LLExL/4451/

+0

问题是数据不被包括在所有图表。但是图表显示了日期,因为从26/03到23/04的“时间表” – Behrens

+0

@Behrens我发现我误解了你的问题 - 请看正确的答案。 –