历史版本19 :自定义柱形圆角属性和宽度 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1应用场景

柱形图个性化设置,希望可以设置柱子的圆角、柱宽。效果如下图所示:
预览效果.png

1.2实现思路

设置系列>样式圆角弧度、固定柱宽实现柱形图圆角、自定义柱宽。

2.示例编辑

2.1 数据准备

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

1591847017143150.png

2.2 报表设计

1)点击插入>单元格元素>插入图表,选择柱形图,如下图:

step2.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