历史版本2 :图表自定义多系列提示 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本

10.0

1.2 预期效果

当在图表的样式>提示>显示策略中勾选了显示所有系列时,使用自定义提示默认生成的代码只能显示一个系列的提示。

如下,想要在每个值后面加上“万元”两个字,希望得到右边的效果:

提示.jpg

1.3 实现思路

改写默认生成的js,使用for循环遍历系列修改对应的值,使用html标签来美化效果

2. 操作步骤编辑

1)新建数据集ds1

SELECT * FROM 销量

image.png

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

image.png

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

image.png

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

image.png

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端:

image.png

移动端:

image.png

3. 模板下载编辑