注意 |
---|
示例仅供参考,若是实际场景和示例需求场景有所差别,有可能需要自行调整宏代码。 |
说明
如何实现堆积柱图上显示合计值,就是在红框位置显示合计值。
设置步骤
1.创建好堆积柱图,如下:
2.新建客户端模块:
3.具体宏代码如下:
注意 |
---|
注:此宏代码不支持同时显示柱图的数据标签,若是需要显示数据标签,需要修改宏代码。 |
代码块 | ||||
---|---|---|---|---|
| ||||
function main(chartView) {
//获取图形对象
var echarts = chartView.getChartObject();
//获取option、series
var option = echarts.getOptions();
//获取区域信息
var data = option.xAxis.data;
if (data === undefined) {
window.confirm('温馨提示:没有数据');
return;
}
var series = option.series;
var length = series.length;
if (length > 1) {
//取最后一位进行标签设置
var lastIndex = length - 1;
series[lastIndex].label = {
normal: {
position: 'top', //显示的位置
show: true,
formatter: function(a) {
var sum = 0.0;
//所有柱状图进行求和;
for (var i in series) {
//displayValue实时显示出来的值
//alert(series[i].data[a.dataIndex].displayValue);
value = (series[i].data[a.dataIndex].displayValue).replace(/,/g, "");
sum += parseFloat(value);
}
//最后保留1位小数
return sum.toFixed(1);
}
}
}
}
} |
borderColor | #BBBBBB |
---|---|
bgColor | #F0F0F0 |
borderWidth | 1 |
borderStyle | solid |