2012-04-12 88 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 
}