jQPlot - 删除垂直网格线

时间:2012-04-12 15:34:13

标签: javascript jquery charts jqplot

我使用jqPlot作为我的图表框架,并在我的应用程序中有许多图表,主要是线条和堆积条形图。

我现在要求只显示这些图表上的水平网格线,并且在jqPlot中没有看到任何选项来执行此操作。

有一个showGridline选项但完全禁用了网格线。

是否可以仅删除jqPlot中的垂直网格线并继续显示水平网格线?

2 个答案:

答案 0 :(得分:55)

我明白了。您可以通过执行以下操作将showGridline应用于单个轴:

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

答案 1 :(得分:8)

要删除X轴上的网格线:

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

要删除Y轴上的网格线:

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

要删除两个轴上的网格线:

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

grid : {
    drawGridlines: false
}