自定义柱形圆角属性和宽度

  • 文档创建者:文档助手1
  • 编辑次数:21次
  • 最近更新:Leo.Tsai 于 2020-06-18
  • 1. 概述

    1.1 应用场景

    柱形图柱子的圆角属性和宽度可以自定义,效果如下图所示:
    预览效果.png

    1.2 实现思路

    • 设置柱形宽度:属性面板选择样式>系列>样式,固定柱宽点击,输入自定义的柱形宽度值。

    • 设置圆角属性:属性面板选择样式>系列>边框,输入自定义的圆角属性值。

    Snag_a732a58.png

    2. 示例

    2.1 准备数据

    新建普通报表,添加数据集 ds1,SQL 语句为:SELECT * FROM 销量

    1591847017143150.png

    2.2 设计报表

    1)合并一片区域单元格,插入柱形图,如下图所示:

    1591847328796934.png

    2)属性面板点击数据,绑定柱形图数据,如下图所示:

    1591847564738583.png

    3)选中图表,属性面板点击样式>系列,固定柱宽点击,输入固定值20,边框圆角输入10,如下图所示:

    1592457338417341.png

    2.3 效果预览

    1)PC 端

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

    1592456866348765.png

    2)移动端

    移动端.png

    3. 模板下载

    已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\圆角属性和柱子宽度自定义柱形图.cpt

    点击下载模板:圆角属性和柱子宽度自定义柱形图.cpt

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!