flot order bars防止重叠

时间:2017-02-16 12:16:28

标签: jquery flot

如何使图例重叠。当我尝试增加宽度时它仍然是相同的

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
  }
};

1 个答案:

答案 0 :(得分:1)

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

barWidth: 0.09

请参阅此updated fiddle