【分页预览JS实例】JS 实现图表系列间值的比较

我是社区第485122位番薯,欢迎点我头像关注我哦~
1. 概述
1.1 问题描述

图表的特效>条件属性中,系列之间的数据不能直接进行比较。

现在想要实现如下图所示的系列间值的比较,当饮料销量小于点心时,柱形配色变为红色。

1.2 实现思路

通过 JS 实现系列间值的比较,并根据比较结果改变柱形配色。

2. 示例

2.1 报表设计

1)新建数据集 ds1,数据库查询语句为:SELECT * FROM 销量

2)合并一片区域的单元格,插入柱形图,如下图绑定图表数据:

3)在柱形图样式>标签下,勾选使用标签,点击自定义,然后编辑 JS。

JS 代码如下:

  1. function(){   
  2.     if(this.points[0].value<=this.points[1].value)   
  3.         this.points[0].color="red";   
  4. }
复制代码


2.2 效果预览

1)PC 端

保存报表,点击分页预览,效果如下图所示:

2)移动端

3. 模板下载

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\JS 实现图表系列间值的比较.cpt

模板下载见附件



发表于 2021-4-6 16:05:56
发表于 2021-12-28 12:26:55
看不到附加啊
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

2回帖数 3关注人数 5709浏览人数
最后回复于:2021-12-28 12:26

返回顶部 返回列表