2012-04-12 94 views
32

我使用jqPlot作爲我的圖表框架,並在我的應用程序中有許多圖表,主要是線條和堆積條形圖。jQPlot - 刪除垂直網格線

我現在有一個要求,只顯示這些圖表上的水平網格線,並沒有看到jqPlot中的任何選項來做到這一點。

有一個showGridline選項,但完全禁用網格線。

是否可以只刪除jqPlot中的垂直網格線並繼續顯示水平網格線?

回答

55

我想通了。

axes:{ 
    xaxis: { 
     tickOptions:{ 
      showGridline: false 
     } 
    } 
} 
+2

+1謝謝,我也在尋找這個選項。 – Chris22 2012-08-28 15:49:16

+0

謝謝,對於這篇文章 – 2013-06-21 11:07:57

8

要刪除網格線在X軸:

axes : { 
    xaxis : { 
     tickOptions : { 
      showGridline : false 
     } 
    } 
} 

要解除對Y軸的網格線:

您可以通過執行以下操作應用 showGridline於單個軸
axes : { 
    yaxis : { 
     tickOptions : { 
      showGridline : false 
     } 
    } 
} 

爲了除去在兩個軸上的網格線:

axes : { 
    xaxis : { 
     tickOptions : { 
      showGridline : false 
     } 
    }, 
    yaxis : { 
     tickOptions : { 
      showGridline : false 
     } 
    } 
} 

grid : { 
    drawGridlines: false 
}