Question

我在我的应用程序中使用Flot，它运行正常。我想从图表的背景中删除垂直线和水平线。我尝试过这个但是我无法实现这个功能。

grid: {
    verticalLines:false,
    horizontalLines:false
}

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

Answer 1

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

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

小提琴here。

Answer 2

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

您必须为两个轴使用名为tickColor的选项：

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

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

2 个答案:

Fiddle