自定义坐标轴值排序

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

    1.1 应用场景

    有时候希望坐标轴能够倒序显示,示例中 Y 轴的值默认从上到下降序排列,改变轴顺序后,从上到下升序排列,如下图所示:

    1592458515152625.png

    1.2 实现思路

    图表属性面板选择样式>坐标轴,点击某个坐标轴,在位置设置项下,开启轴逆序即可。

    Snag_a878299.png

    2. 示例

    2.1 准备数据

    新建普通报表,添加内置数据集 Embedded1,如下图所示:
    数据集.png

    2.2 设计报表

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

    1591838441175458.png

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

    1591838832813823.png

    3)图表属性面板样式>坐标轴下新增一个坐标轴Y轴2,给这个坐标轴开启轴逆序,跟 Y 轴进行对比,如下图所示:

    1591839228174607.png

    定义好Y轴Y轴2的值,如下图所示:
    222

    2.3 效果展示

    1)PC端

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

    1592458487874655.png

    2)移动端

    移动端.png

    3. 模板下载

    已完成模板可参考:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\坐标轴值顺序自定义柱形图.cpt

    点击下载模板:坐标轴值顺序自定义柱形图.cpt

    附件列表


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