[英]Displaying Labels on Stacked Bar
我想在每个堆叠的条上显示标签,例如蓝色条上的蓝色,黄色条上的黄色等等。 这是我在JSFiddle中的代码:
[1]:http://jsfiddle.net/Sa_2019/n7r57pv7/
这是我的代码:
<div id="placeholder" style="width:600px;height:300px;"></div>
var data = [
{label: 'foo', color:'red', data: [[1,300], [2,300], [3,300], [4,300], [5,300]]},
{label: 'bar', color:'blue', data: [[1,800], [2,600], [3,400], [4,200], [5,0]]},
{label: 'baz', color:'yellow', data: [[1,100], [2,200], [3,300], [4,400], [5,500]]},
];
$.plot($("#placeholder"), data, {
series: {
stack: 1,
bars: {
show: true,
lineWidth: 1,
barWidth: 0.8,
order: 1,
fill: true
},
yaxis : {
min : 0,
tickLength: 0
} ,
xaxis: {
tickLength: 0,
axisLabel: "Date",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Arial',
axisLabelPadding: 3,
color: "#838383",
timeformat: "%b/%y"
}
}
});
任何想法,请。
谢谢
您可以使用Highcharts的dataLabels解决此问题。 代码将像:-
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
enabled: true,
color: 'white',
formatter: function () {
// return the value you want to show on labels.. depends on your data ...
console.log(this)
}
}
}
}
像这样的东西,您可以参考...据我所知,我已经向它添加了字符串“ random”,只需根据您的逻辑进行更改。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.