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

  • Last update:October 25, 2021
  • 1. 概述

    1.1 应用场景

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

    1.2 实现思路

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

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

    2. 示例

    2.1 准备数据

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

    1591847017143150.png

    2.2 设计报表

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

    Snag_f240b9.png

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

    1616391747573960.png

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

    2.3 效果预览

    2.3.1 PC 端

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

    1592456866348765.png

    2.3.2 移动端

    移动端.png

    3. 模板下载

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

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

    Attachment List


    Theme: 图表应用
    Already the First
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy