反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

图表坐标轴

  • 文档创建者:Holly
  • 历史版本:21
  • 最近更新:Leo.Tsai 于 2020-12-08
  • 1. 概述

    1.1 版本说明

    报表服务器版本JAR 包版本功能变动
    10.02020-08-03新增显示/隐藏按钮
    10.0.112020-12-02
    轴标签重叠显示策略优化

    1.2 应用场景

    图表坐标轴是 图表样式 属性下的一个设置项,可以通过该设置项改变图表坐标轴(X 轴和 Y 轴)的显示样式和风格,如下图所示:

    Snag_3525e5bd.png

    注:柱形图、条形图、折线图、面积图和组合图支持自定义模式,支持自定义多个 X 轴或 Y 轴以及各个坐标轴位置和值顺序。

    1.3 功能介绍

    图表坐标轴设置分为:X 轴设置和 Y 轴设置,如下图所示:

    image.png

    1)X 轴

    X 轴共有 7 个设置项,分别是:类型、标题、标签、轴线样式、位置、显示策略、格式,如下图所示:

    image.png

    2)Y 轴

    Y 轴共有 7 个设置项,分别是:标题、标签、值定义、轴线样式、位置、显示策略、格式,如下图所示:

    image.png

    注:大多数图表类型 X 轴设置与 Y 轴设置一致,其中 Y 轴设置多了一个值定义设置。

    2. 坐标轴

    2.1 类型

    X 轴有三种类型,分别为:分类坐标轴、时间坐标轴 和 数值坐标轴

    Y 轴只有数值坐标轴。

    除此之外还有简单值坐标轴、极角轴、极径轴、项目轴和时间轴。如下表所示:

    图表类型  X轴-分类坐标轴X轴-线性数值坐标轴  X轴-对数数值坐标轴   X轴-时间坐标轴  Y轴-线性数值坐标轴  Y轴-对数数值坐标轴 简单值坐标轴   极角轴  极径轴  项目轴 时间轴  
      柱形图          
      堆积柱形图          
      百分比堆积柱形图          
      自定义柱形图          
      条形图          
      堆积条形图          
      百分比堆积条形图          
      自定义条形图          
      折线图           
      图表类型 X轴-分类坐标轴X轴-线性数值坐标轴  X轴-对数数值坐标轴    X轴-时间坐标轴Y轴-线性数值坐标轴   Y轴-对数数值坐标轴  简单值坐标轴    极角轴 极径轴   项目轴  时间轴  
      堆积折线图          
     自定义折线图     
     面积图     
     堆积面积图 ✔     
     百分比堆积面积图 ✔     
     自定义面积图 ✔     
     多指针仪表盘360°       ✔    
     多指针仪表盘180°       ✔    
     百分比圆环仪表盘       ✔    
      图表类型X轴-分类坐标轴 X轴-线性数值坐标轴   X轴-对数数值坐标轴   X轴-时间坐标轴 Y轴-线性数值坐标轴 Y轴-对数数值坐标轴 简单值坐标轴    极角轴  极径轴   项目轴   时间轴  
     百分比刻度仪表盘       ✔    
     试管型仪表盘       ✔    
     雷达图        ✔ ✔  
     堆积柱形雷达图        ✔ ✔  
     散点图       
     气泡图       
     甘特图          ✔ ✔

    2.2 标题

    设置轴标题后,前端展示时在坐标轴处会显示标题文本,2020-08-03 版本 JAR 包新增显示/隐藏按钮,默认选择隐藏,即不设置轴标题。如下图所示:

      

    点击显示后,用户可定义坐标轴的轴标题,标题设置项介绍如下:

    • 内容:可以直接在内容编辑框编辑标题文本,也可以点击右边的公式按钮,在公式编辑界面输入文本。

    • 使用html解析文本内容:如果标题是 HTML 文本,按钮高亮后,预览时才可正确显示标题,否则默认显示为字符串。详细介绍参见:图表使用 HTML 解析文本内容

    • 位置:可设置为左对齐、居中、居右,默认为居中。

    • 字符:可设置字体、大小、颜色、倾斜、加粗。

    • 文本旋转:可设置标题的旋转角度,正负 90 均可。

    注:用 2020-08-03 之前版本设计器设计出来的模板,无论是否设置了轴标题,JAR 包更新后,轴标题处一律为显示状态,标题有内容会保留。

    2.3 标签

    轴标签就是显示在坐标轴区域的文字,标签设置项用于自定义轴标签文本的样式。

    Snag_289fd8d7.png

    2.3.1 显示方式

    10.0.11 版本新增的功能,提供了 3 种显示方式,当轴标签文本过长导致重叠时,可以使用优化策略,3 种显示方式的逻辑如下:

    • 间隔显示:后面的标签被前一个标签遮挡,则后面的标签就不显示,如此类推,直到遇到不会被遮挡的标签,则显示出来,所以标签过长时只显示部分标签。

    1.png

    • 缩略显示:轴标签超出分类区间时,以省略号表示多余的部分。

    2.png

    • 换行显示:轴标签超出分类区间时自动换行显示。

    3.png

    支持设置标签显示方式的图表有:柱形图、折线图、条形图、面积图、组合图、箱型图。其中条形图只支持 Y 轴,其他图表只支持 X 轴。

    2.3.2 文本旋转&标签间隔

    • 文本旋转:可设置标签的旋转角度,正负 90 度均可。

    • 标签间隔:选择自动,采用默认的间隔。选择固定,即自定义间隔。

    如下图将柱形图 X 轴的轴标签旋转角度修改为 30,固定间隔为 2,效果如下图所示:
    1590999981852830.png

    注:图表属性样式下面的标签选项与坐标轴里面的标签选项需要区分开来,样式里面的标签是指系列标签,坐标轴里面的标签是指坐标轴标签。

    2.4 值定义

    Y 轴:包含最大值、最小值、自定义主次刻度单位以及对数底数,具体应用参见文档:多个坐标轴位置自定义

    image.png

    注:条形图 X 轴含此功能,Y 轴无。

    2.5 轴线样式

    轴线样式包含:类型、颜色、主要刻度线设置、次要刻度线设置。
    image.png

    • 类型:可选用线的类型。

    • 颜色:可设置轴线的颜色。

    • 主要刻度线:可设置是否开启主要刻度线。

    • 次要刻度线:可设置是否开启次要刻度线。

    2.6 位置

    位置设置:含轴标签位置设置和轴逆序设置。

    image.png

    • 轴标签设置:可设置X轴和Y轴标签显示位置,X 轴默认在下方,Y轴默认在左侧;如果轴标签位置设置为 0 值,则与该轴垂直的所有值轴0值标签对齐,且每个值轴的区间刻度个数相同,具体应用可参考 X 轴 0 值标签对齐。

    • 轴逆序设置:若需要坐标轴倒序显示,则可开启轴逆序,具体应用参见文档:坐标轴值顺序自定义

    2.7 显示策略

    显示策略:可以对区域大小进行设置。

    image.png

    可对坐标轴标签显示区域的大小进行控制,默认不限制大小,选择限制时可在下方设置其最大占比,如下图所示:

    2.8 格式

    可以设置轴标签的显示格式,如下图所示:

    image.png

    可设置的格式如下:

    Snag_39281700.png

    注1:当程序数据集中日期类型的数据作为柱状图分类时,设置 X 轴格式不生效,此时将日期类型转换为字符串格式的日期数据即可。

    注2:2020-07-06 及之后版本的 JAR 包导出图表时 ( 图片、Excel、PDF等 ),支持导出部分标签:<b>、<strong>、<i>、<em>、<br/>、<span>。

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526