flot order bars防止重叠

Question

如何使图例不重叠。当我尝试增加宽度时，它仍然是一样的

https://jsfiddle.net/shorif2000/g4tfz1c7/2/

我正在使用 10 系列。请参阅 jsfiddle

var options = {
  "series": {
    "lines": {
      "show": false,
      "fill": true,
      "steps": false
    },
    "bars": {
      "show": true,
      "fill": 1,
      "align": "center",
      "barWidth": 0.13,
      "lineWidth": 0
    }
  },
  "xaxis": {
    "ticks": [

    ]
  },
  "yaxis": {
    "min": 0,
    "tickDecimals": 0,
    "minTickSize": 10
  },
  "grid": {
    "clickable": true,
    "hoverable": true
  },
  "legend": {
    "noColumns": 4
  }
};

Answer 1

(Numbers of Series) * barWidth 必须小于 1 以避免重叠，因此对于 10 系列，您可以使用

barWidth: 0.09

看到这个updated fiddle。

flot order bars防止重叠

flot order bars prevent from overlapping

jquery

flot