flot - 如何从流程图中删除网格线

Question

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

grid: {
    verticalLines:false,
    horizontalLines:false
}

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

Answer 1

您可以删除线条，使用tickLength: 0

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

fiddle here .

运行演示:

$(function () {

someData = [[1, 3],
            [2, 16],
            [3, 3],
            [4, 3],
            [5, 8],
            [6, 12],
            [7, 3]];
    
var dataset = [
    {color: "#edc240", data: someData, lines: {show: true}, points: {show: true}}    
]; 
    $.plot("#flot", dataset,
    {
        yaxis: {tickLength:0}, 
        xaxis: {tickLength:0}
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<div id="flot" style="width:500px;height:300px;margin:20px"></div>