flot中有几个图形具有相同的图例

Question

我正在使用JQuery Flot图形插件在页面中绘制一些条形图。当我用数据和下面的选项绘制图表时：

var chartData = [{
label: 'success',
data: [[0,1],[1,1]],
bars: {
order: 0,
fillColor: '#fff'
},
color: '#fff'
}, {
label: 'fail',
data: [[0,3],[2,1]],
bars: {
order: 1,
fillColor: 'rgba(255,255,255,0.5)'
},
color: 'rgba(255,255,255,0.5)'
}];

var barChartOptions = {
...
legend:{
container: '.flot-chart-legends--bar',
backgroundOpacity: 0.5,
noColumns: 0,
lineWidth: 0,
labelBoxBorderColor: 'rgba(255,255,255,0)'
}
};
$.plot($('.flot-bar'), chartData, barChartOptions);

它适用于我的条形图，然而，其他没有贴标签的图表也贴上了相同的标签。我该怎么办？请帮忙！

Answer 1

我赢了！检查flot.js中的源代码，发现错误代码如下：

$(options.legend.container).html(table);

这使得CCD_ 2的所有选择器都包含相同的html。我是这样纠正的：

placeholder.parent().find(options.legend.container).html(table);

html只附在我想要的右侧图表上。