flot - 使用 float 显示没有网格线的 x 轴和 y 轴线

Question

我正在使用 flot 来显示条形图。当我将tickLength设置为0时，它会隐藏垂直线和水平线，但也会隐藏x轴和y轴线。我需要 x 轴和 y 轴，而不需要垂直和水平网格线。有办法做到这一点吗？

请参阅图中的第二个图表。这就是我想要的。

Answer 1

这比我想象的要棘手。我唯一能想到的就是禁用边框和轴线，而不是手动将它们添加回来:

$(function() {
    var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];
    $.plot($("#placeholder"),
      [{data: d2,
        bars: {
            show: true
        }}
      ],
      {
        xaxis: {
            tickLength: 0
        },
         yaxis: {
            tickLength: 0
        },
        grid: {
           borderWidth: 0,
           aboveData: true,
           markings: [ { xaxis: { from: 0, to: 10 }, yaxis: { from: 0, to: 0 }, color: "#000" },
                       { xaxis: { from: 0, to: 0 }, yaxis: { from: 0, to: 15 }, color: "#000" }]
        }
      }
    );
});

产品: