Javascript Flot：堆叠的条形标签重叠/未显示

这是我的

问题是堆叠的条形图有时会重叠/不显示所有堆叠的不同标签（请参见第一张图表中的第三条）。
不确定，但问题可能是因为序列长度不同，如果标签没有数据，则不包含0，如JSFIDLE中的第二个示例

Q:如何使条形标签不重叠

var newData = [];
  var newLabels = [];
  var newTicks = [];

  for (var i = 0; i < dataFromServer.length; i++) {
    var datapoint = dataFromServer[i];

    var tick = newTicks.indexOf(datapoint.name);
    if (tick == -1) {
      tick = newTicks.length;
      newTicks.push(datapoint.name);
    }

    var index = newLabels.indexOf(datapoint.label);
    if (index == -1) {
      index = newLabels.length;
      newLabels.push(datapoint.label);

      newDataPoint = {
        label: datapoint.label,
        data: []
      };
      newDataPoint.data[tick] = [tick, datapoint.countInbound];
      newData.push(newDataPoint);
    } else {
      newData[index].data[tick] = [tick, datapoint.countInbound];
    }
  }
  for (var i = 0; i < newTicks.length; i++) {
    newTicks[i] = [i, newTicks[i]];
  }
  newLabels = null;

  var newOptions = {
    xaxis: {
      ticks: newTicks
    },
    grid: {
      clickable: true,
      hoverable: true
    },
    series: {
      stack: true,
      bars: {
        show: true,
        align: 'center',
        barWidth: 0.5
      }
    }
  };
  $.plot($("#placeholder2"), newData, newOptions);

var newData=[]；
var newLabels=[]；
var newTicks=[]；
对于（var i=0；i

要确定堆叠钢筋的起始位置，Flot必须将其下方钢筋的高度相加。如果下方有空条（没有高度），则无法计算总和。这将导致后面的条形图再次从零开始

要反向插入高度为零的缺失条，请执行以下操作：

for (var i = 0; i < newData.length; i++) {
    for (var j = 0; j < newTicks.length; j++) {
        if (newData[i].data[j] === undefined) {
            newData[i].data[j] = [j, 0];
        }
    }
}

for（var i=0；i

---

查看此更新。

谢谢，我看到如果标签为0，它仍会显示该标签的轨迹/边框，无论如何都要将其完全删除？您可以为消除高度为零的条设置

线宽：0

（并在0.0和1.0之间更改

fill

设置，以更改条形图的外观，如果您愿意的话）。请参见此。