gpt4 book ai didi

jquery - 在条形内显示值 - jQuery 绘制水平堆积条形图

转载 作者:行者123 更新时间:2023-12-03 22:50:26 25 4
gpt4 key购买 nike

我想在 float 条形图上显示条形内的值(水平和堆叠),如下所示:

|-------------------------------------------
| 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", data: [[1,1], [2,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'], [2,'Category 2']]},
};

$.plot($("#flot-example-2"), data, options);

最佳答案

我已经更新了 flot-barnumbers 以支持堆叠条形图,请参阅更新后的 examples 。如果您需要任何其他功能,请给我发电子邮件或提出问题,我只是偶然看到这个问题。

关于jquery - 在条形内显示值 - jQuery 绘制水平堆积条形图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12842839/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com