多个图形在浮点中具有相同的图例

问题描述

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

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

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

它适用于我的条形图，但是其他没有标签的图表都贴有相同的标签。我该怎么做？请帮忙！

解决方法

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

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

这使得container的所有选择器都包含相同的html。我这样改正了：

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

并且html仅附加到我想要的正确图表上。