如何解决多个图形在浮点中具有相同的图例
我正在使用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仅附加到我想要的正确图表上。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。