[新]多分类坐标轴图

编辑
  • 文档创建者:jiangsr
  • 浏览次数:6192次
  • 编辑次数:7次
  • 最近更新:Kevin-s 于 2019-06-03
  • 1.描述

    为提高实用性,柱形图,条形图,折线图,面积图和组合图中内置的三种组合类型支持添加多个分类轴,最多支持三层。


    2.示例

    2.1 模板准备

    打开模板%FR_HOME%/webapps/webroot/WEB-INF/reportlets/doc/Advanced/Chart/ColumnChart/柱形图.cpt


    2.2 设置多分类轴

    选中图表,在右侧点击数据,将分类改为产品类型,再点击,添加两个分类销售员和地区,将系列名改为产品:

    分类最多为三层,如上图添加按钮灰化,无法再增加。

    配置时,第一层添加的分类对应显示时最靠近图形的底层分类数据,如上图的产品类型,越往下则对应对应的父层级。

    注:不同的父层分类,对应的子分类数目不需要一致,如上图,华东对应的销售员有 5 个,而华北只有 4 个。

    数据筛选时,只使用前 n 条分类,指的是最底层分类的前 n 条。

    数据字典同样只对最底层分类值生效。

    2.3 样式设置

    选中图表,在右侧点击样式,配色选择自定义,如下:




    2.4 保存和预览

    保存模板,点击分页预览,效果即如上。

    已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\多分类坐标轴柱形图.cpt

    3.注意事项

    3.1 样式设置变化

    1)灰化不可设置

    当x轴类型设置为值轴或者时间轴类型时,分类数据设置处,除了第一层分类,其余分类的下拉框灰化,不可使用多分类轴(删除按钮扔可用)

    当使用了多分类轴时,不可勾选显示数据表,复选框灰化

    2)自定义参数变化

    当多分类轴时,标签和提示点自定义中参数 this.category 值指的是最底层分类(即最靠近图表的分类)值。

    同时支持分类组,即 this.categoryArray,指的是当前分 类对应的数组,如[A,a,x]

    3.2 特效设置变化

    1)超链传递分类名参数时,对应显示的参数为 CATEGORY
     同时支持参数 CATEGORYARRAY,代表分类组对应的值
    2)多分类轴时,条件属性中配置'分类名称'=xxx时,该分类名称指的是最底层分类值。
     在可选列中多增加一个属性为分类数组,代表当前对象对应的 categoryArray 值。当只有单分类时,数组长度为 1,内容为当前单个的分类值

    3)多分类轴排序时,是最底层的分类在上层分类基础上进行排序:
     

    4)可设置图表缩放

    设置图表缩放控件,添加控件的初始边界值:["华东","孙阳","点心"] 图表可进行相应的缩放,如下:


    注:边界值设置规则:["父分类","子分类"],不是=["父分类","子分类"],没有“=”号。

    设置好初始左边界值后,效果如下图:


    注:边界值根据分类值进行填写。该模板分类为三层:地区-姓名-产品,所以填写:["华东","孙阳","点心"]。



    附件列表


    主题: 图表入门
    标签: 暂无标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]