如何从 Flot 图表中删除网格线

【问题标题】：How to remove grid lines from Flot chart如何从 Flot 图表中删除网格线
【发布时间】：2014-02-21 00:44:19
【问题描述】：

我在我的应用程序中使用 Flot，它运行良好。我想从图表的背景中删除垂直线和水平线。我试过了，但我无法实现该功能。

grid: {
    verticalLines:false,
    horizontalLines:false
}

有人可以在这方面帮助我吗？

【问题讨论】：

标签： flot bar-chart

【解决方案1】：

您可以将它们绘制成与背景相同的颜色。

有一个名为 tickColor 的选项，您必须将其用于两个轴：

var options = {
    yaxis: {
        tickColor: "#f00" // or same color as background
    },
    xaxis: {
        tickColor: "#0f0" // or same color as background
    }
};

Fiddle

【讨论】：

【解决方案2】：

您可以删除这些行，使用tickLength: 0

$.plot("#flot", dataset,
{
    yaxis: {tickLength:0}, 
    xaxis: {tickLength:0}
});

小提琴here.

【讨论】：

您可以删除这些线条！ +1 :)