圖形從軸+網格線

Question

開始我工作的定製highcharts和我有一些問題，http://jsfiddle.net/gF4x2/這個圖形

credits: { 
    enabled: false 
}, 

我認爲，有些問題是很容易的，有些不是。也許有人遇到同樣的問題，並已解決它。

1. 需要圖形從y和x軸開始，現在他們有填充，我不知道如何刪除它。

2. 我需要創建某種這種網格，但在我的圖形上我不能。我甚至不知道在什麼方面我應該看看得到這個。也許有人知道我的決定，或者可以給我建議我應該怎麼做？

Answer 1

我可以幫一點與電網。您可以在x軸使用這些選項：

gridLineWidth:1, 
    plotBands:[ 
     {color:'lightgrey',from:0,to:3}, 
     {color:'lightgrey',from:9,to:11} 
    ], 

http://jsfiddle.net/YabxW/

我看這多一點，你可以得到更接近你想用什麼plotBands和幫助伊萬洲建議。但是，我會考慮把它繪製成兩個圖表而不是一個圖表，因爲在一張圖表中很難得到你想要的。

Answer 2

DEMO：http://jsfiddle.net/DdFEB/

---

• 對齊的第一數據點到軸

避免歸類x軸的左側。

categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
     'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 

改爲使用特定的標籤格式化程序。

var xCategories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
     'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; 

在xAxis：

labels: { 
     y: 25, 
     formatter: function() { 
      return xCategories[this.value]; 
     } 
    }, 

在xAxis：使用startOnTick與maxPadding

startOnTick: false, 
    endOnTick: false, 
    minPadding: 0, 
    maxPadding: 0 

相關問題：
Put highchart on the very start of the graphic
Highcharts align plot points to start at y-axis
highcharts start from hinges base

• 添加網格線

在xAxis：

gridLineWidth: 0.5, 
    gridLineColor: '#C0C0C0' 

---

對於這樣的問題：由於頂端圖表並混合在一起底部圖表，它是相當很難把標籤（例如1月，2月等）在圖表之間。儘管可能會這樣做。

您可以通過刪除以下行來看到效果。

在xAxis：

 top: -143,