我想在flot条形图上显示栏内的值(水平和堆叠),如下所示:
|------------------------------------------- | 5 | 1 | |------------------------------------------- | |------------------------------------ | 3 | 2 | |------------------------------------
我看到这篇文章:Show value within bar on flot bar chart
值仅显示在第一个堆叠条形图内.第二个值是当前总数,而不是当前柱的对应值,例如:
|------------------------------------------- | 5 6 | | |------------------------------------------- | |------------------------------------ | 3 5 | | |------------------------------------
有人知道这个功能的好插件吗?
另外,我想增加栏内的字体大小.
谢谢!
这里的代码:
<script language="javascript" type="text/javascript" src="js/flot/jquery.flot.js"></script> <script language="javascript" type="text/javascript" src="js/flot/jquery.flot.pie.js"></script> <script language="javascript" type="text/javascript" src="js/flot/jquery.flot.stack.js"></script> <script language="javascript" type="text/javascript" src="js/flot/jquery.flot.barnumbers.js"></script> var data = [ {label: 'Label 1',color:"#80FF80",data: [[1,5],[2,3]]},{label: 'Label 2',color:"#FF8080",1],2]]} ]; //reverse data for horizontal for (series in data){ var s = data[series]; for (i=0;i<s.data.length;i++){ var tmp = s.data[i][0]; s.data[i][0] = s.data[i][1]; s.data[i][1] = tmp; } } var options = { series: { stack: 0,lines: {show: false,steps: false },bars: { show: true,barWidth: 0.5,align: 'center',horizontal: true,showNumbers: true },},yaxis: {ticks: [[1,'Category 1'],'Category 2']]},}; $.plot($("#flot-example-2"),data,options);
解决方法
我已更新flot-barnumbers以支持堆叠条形图,请参阅更新的
examples.如果您需要任何其他功能,请给我发电子邮件或打开问题,我只是偶然看到了这个问题.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。