2015-01-21 48 views
2

使用日期時間軸時是否可以在列之間放置一條線?Highstocks - 在使用日期時間軸時在列之間放置一條線

http://jsfiddle.net/ozke/30go12jy/4/

相關代碼:

chart: { 
     type: 'column' 
    }, 

    xAxis: { 
     type: 'datetime', 
     gridLineWidth: 1, gridLineColor:'#FF0000', gridZIndex: 4 /* grid line styles */ 
    }, 

    plotOptions: { 
     column: { 
      grouping: false, 
      borderWidth: 0, 
      groupPadding: 0, 
      pointPadding: 0 
     } 
    } 
  • 我本來試圖做類似的事情here但問題演變有點太多不同的地方。因此我再次問。
+0

您也可以嘗試使用[minTickInterval(http://api.highcharts.com/highcharts#yAxis。 minTickInterval)和[pointPlacement](http://api.highcharts.com/highcharts#plotOptions.column.pointPlacement) – 2015-01-21 12:51:57

回答

2

您可以使用plotLines這樣的:

plotLines: [{ 
      value: Date.UTC(2014, 1, 15), 
      width: 1, 
      color: 'red', 
      dashStyle: 'dash', 
      label: { 
       text: 'value', 
       align: 'right', 
       y: 20, 
       x: 0 
      } 
     }, 
     { 
      value: Date.UTC(2014, 2, 17), 
      width: 1, 
      color: 'red', 
      dashStyle: 'dash', 
      label: { 
       text: 'value', 
       align: 'right', 
       y: 20, 
       x: 0 
      } 
     }, 
     ... 
    ] 

這裏的DEMO

+0

這是一個不錯的選擇。任何方式移動的tickmarks呢? – ozke 2015-01-21 12:26:22

+0

有一個'tickmarkPlacement'屬性,但它僅適用於分類軸,而不適用於'datetime':http://api.highcharts.com/highcharts#xAxis.tickmarkPlacement – 2015-01-21 12:48:47

+0

是的,我知道這一點。但它總是'開'。正如你所說,除非你使用分類軸,否則沒有「之間」。 – ozke 2015-01-21 14:16:08