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

Posted 2023-02-16

【中文标题】几个图在flot中具有相同的图例

【英文标题】：several graph has the same legend in flot

【发布时间】：2020-12-05 22:32:46

【问题描述】：

我正在使用 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);

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

【参考方案1】：

我解决了！查看flot.js中的源码，发现不正确的代码如下：

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

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

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

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