反饋已提交

網絡繁忙

當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

弧形柱形图

1. 概述

1.1 应用场景

弧形柱形图属于柱形图的一种形式变换,本质上乃是柱形图由笛卡尔坐标系转化为极坐标之后的产物。 

图表效果如下图所示: 

Snag_13e798a.png

1.2 功能介绍

  • 可自定义图形的颜色和样式。

  • 不支持设置动态播放。

1.3 插件安装

点击下载插件:扩展图表插件

设计器插件安装方法参照:设计器插件管理

服务器安装插件方法参照:服务器插件管理

2. 示例

2.1 数据准备

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

Snag_14794e6.png

2.2 插入图表

1)合并一片区域单元格,右键选择单元格元素>插入图表>扩展图表-柱形图类,选中弧形柱形图,点击确定,如下图所示:

Snag_14ae818.png

2.3 绑定数据

如下图所示步骤绑定弧形柱形图的数据。

image.png

默认排序方式为顺序,即数据按照由大到小的顺序排序。

注1:此图表推荐使用 Chrome 浏览器和高配置电脑预览。

注2:当值有负值时,绘制图形和排序时,按照数据的绝对值处理。例如数据都为负值时,数据中最小值即对应为弧度最长的柱子。

2.4 样式设置

样式设置包括标题、坐标轴、背景、图形、标签、提示,与普通柱形图的样式设置类似。

2.4.1标题

image.png

标题介绍参见文档:图表标题

2.4.2 标签

image.png

标签介绍参见文档:图表标签

2.4.3 图形

image.png

图形分为颜色和样式两部分设置。

1)颜色

  • 风格:表示柱形图采用哪种配色风格,包括:默认(不渐变),自动渐变,自定义渐变三种方式。

  • 配色:是默认和自动渐变可使用的。

自定义渐变则需要手动调整渐变颜色,如下图所示:

image.png

2)样式

  • 分类间隔:是指两个相邻柱形图之间的间隔

  • 内径占比:为内圆半径和外圆半径的比值

这2个设置项对应的实际效果,如下图所示:

image.png

2.4.4 值轴

image.png

值轴:值轴标签自动时,为了显示效果的最优,最大的柱子对应的弧度为270度;自定义最大值时,最大值柱子对应的弧度为 360 度。  

2.4.5 背景 

image.png

可设置背景的填充颜色,以及不透明度,不透明度值越小背景越透明。

2.4.6 提示

image.png

提示介绍参见文档:图表提示

2.5 预览效果

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

Snag_13e798a.png

注:不支持移动端。

3. 模板下载

已完成模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\弧形柱形图.cpt

点击下载模板:弧形柱形图.cpt

附件列表


主題: 原简体文档
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

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

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

不再提示

10s後關閉