历史版本3 :图表自定义多系列提示 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
1.1 版本
报表服务器版本 |
|---|
| 10.0 |
1.2 预期效果
当在图表的样式>提示>显示策略中勾选了显示所有系列时,使用自定义提示默认生成的代码只能显示一个系列的提示。
如下,想要在每个值后面加上“万元”两个字,希望得到右边的效果:

1.3 实现思路
改写默认生成的js,使用for循环遍历系列修改对应的值,使用html标签来美化效果
2. 操作步骤编辑
1)新建数据集ds1
SELECT * FROM 销量

2)在单元格插入一个柱形图,并设置数据如下:

3)样式>提示>显示策略中勾选显示所有系列

4)自定义提示JS,并点击使用html解析文本内容

function(){
var points = this.points;
var value = "<b><font size=2.5 color='white'>" + this.category;
for(var i = 0;i < points.length;i++) {
if(points[i].series.visible){
value += '<br/>'+"<font color='"+points[i].color+"'>●</font>"+points[i].seriesName+':'+points[i].value+"万元";
}
}
return value+"</font></b>";
}效果查看:
PC端:

移动端:


