反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

条形图隔行变色

  • 文档创建者:axing
  • 历史版本:4
  • 最近更新:yzm255836 于 2022-01-05
  • 1. 概述

    1.1 问题描述

    条形图只有一个系列的时候,图表只有一个颜色,比较单调,如下图所示:

    image.png

    如何给条形图设置隔行变色呢,如下图所示:

    image.png

    1.2 解决思路

    利用图表特效-条件显示来实现。

    1.3 应用实例

    决策报表中可使用 组件复用 功能,下载安装组件后,直接替换数据即可快速复用组件样式,实现条形图隔行变色效果。

    更多条形图隔行变色的示例,可参见 帆软市场-组件 / 设计器→在线组件库。

    组件下载链接描述效果图
    隔行变色条形图-酷炫

    1)该组件适用于酷炫紫风格模板

    2)使用柱子显示单分类下的多系列,使用间隔色提升视觉美感 

    隔行变色条形图-酷炫.png

    2. 示例

    2.1 设计报表

    1)新建普通报表,新建数据查询 ds1,SQL 语句为:SELECT * FROM 销量

    image.png

    2)合并 A1~D18 单元格,插入条形图,如下图所示:

    image.png

    3)绑定条形图数据,如下图所示:

    image.png

    4)图表属性面板特效>条件显示下,新增一个配色条件属性,设置分类序号包含于公式range(2,100,2)时,配色为绿色,如下图所示:

    注:range(2,100,2)会产生2、4、6、8...直到100的数字,也就是分类序号是偶数的时候,配色为绿色。

    1592547074770385.png

    2.2 效果预览

    1)PC 端

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

    image.png

    2)移动端

    条形隔行.png

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\Chart\条形图隔行变色.cpt

    点击下载模板:条形图隔行变色.cpt

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526