圆环图类似于饼图,显示个体与整体之间的关系,可以直观了解个体部分所占整体部分的百分比,但是不同于饼图的是,圆环图可以包含多个分类,即,可以从圆环的径向上去比较不同分类下同一系列的数据的变化趋势。
2. 示例
下面我们制作一张圆环图图表,显示各个地区产品的销量情况,在查看每个地区产品销量所在份额的同时,对比同一个产品在不同地区的销量差异情况。
2.1 数据准备
新建数据集ds1:SELECT * FROM [销量]
2.2 圆环图
在报表主体合并一片单元格,插入图表,图表类型选择,如下图:
插入图表之后,点击,为该图表绑定数据,如下图:
2.3 系列样式设置
点击,对圆环图的内径大小、系列间隔和分类间隔进行设置,如下图:
2.4 效果查看
保存模板,点击分页预览,可以如下图所示效果:
注:圆环图不支持不同分类下不同系列的展示。
已完成模板请参照%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\doughnut.cpt
模板效果在线查看请点击doughnut.cpt
相关推荐
条形图,饼图,圆环图,图表图表,气泡图和雷达图。所有都可以是2D或3D。所有产品都可以使用您自己的颜色,尺寸,材料和预制件进行完全定制。与UI Canvas集成。 该软件包附带了十几个图表主题,其中一些可以在下面...
4.3.3 使用圆环图来比较两个饼图 107 4.3.4 处理饼图中的数据表示问题 108 4.4 使用瀑布图(waterfall)分解组分 114 4.5 下一步 116 第5章 创建显示关系的图表 117 5.1 在图表中比较两个变量 117 5.2 ...
4.3.3 使用圆环图来比较两个饼图 107 4.3.4 处理饼图中的数据表示问题 108 4.4 使用瀑布图(waterfall)分解组分 114 4.5 下一步 116 第5章 创建显示关系的图表 117 5.1 在图表中比较两个变量 117 5.2 ...
4.3.3 使用圆环图来比较两个饼图 107 4.3.4 处理饼图中的数据表示问题 108 4.4 使用瀑布图(waterfall)分解组分 114 4.5 下一步 116 第5章 创建显示关系的图表 117 5.1 在图表中比较两个变量 117 5.2 ...
4.3.3 使用圆环图来比较两个饼图 107 4.3.4 处理饼图中的数据表示问题 108 4.4 使用瀑布图(waterfall)分解组分 114 4.5 下一步 116 第5章 创建显示关系的图表 117 5.1 在图表中比较两个变量 117 5.2 ...
4.3.3 使用圆环图来比较两个饼图 107 4.3.4 处理饼图中的数据表示问题 108 4.4 使用瀑布图(waterfall)分解组分 114 4.5 下一步 116 第5章 创建显示关系的图表 117 5.1 在图表中比较两个变量 117 5.2 ...
4.3.3 使用圆环图来比较两个饼图 107 4.3.4 处理饼图中的数据表示问题 108 4.4 使用瀑布图(waterfall)分解组分 114 4.5 下一步 116 第5章 创建显示关系的图表 117 5.1 在图表中比较两个变量 117 5.2 ...
"html5-svg-circle-chart"项目就是利用这些技术实现的一种创新的图表展示方式,它将传统的饼状图和柱状图升级为更吸引眼球的空心圆环动画效果。下面将详细介绍这个项目涉及的关键知识点。 1. HTML5:HTML5是HTML的...
5. 圆环图(Doughnut Charts):与饼图类似,但中心留空,强调数据的比例分布。 6. 框图(Box Plots):分析数据分布的五数概括(最小值、下四分位数、中位数、上四分位数、最大值)。 7. 面积图(Area Charts):...
3. **创建几何体(Geometry)**:3D饼状图的几何体通常基于圆盘或圆环,每个扇区是几何体的一部分。 4. **材质(Material)**:为几何体赋予颜色和外观。 5. **对象(Object3D)**:将几何体和材质组合成一个可渲染的对象...
提到"是一个插件,使用方便",这意味着这个资源可能是为开发者设计的,他们可以简单地将其引入项目中,通过调用特定的API或方法来实现动态圆环图的创建和控制,而无需从头编写复杂的代码。 【标签】"Web开发源代码...
本主题将深入探讨如何利用`Chart控件`制作地质插图,包括柱形图、饼图、圆环图、面积图等。`Chart控件`通常用于Windows Forms或Web应用程序,它可以提供丰富的自定义选项,以适应各种需求。 首先,我们来看`柱形图`...
这种图表在IT领域,尤其是在数据分析、报表制作以及Web应用中广泛应用,因为它能够直观、简洁地传达数据信息。 D3.js(Data-Driven Documents)是JavaScript的一个库,专为创建交互式和可定制的数据可视化而设计。...
• 圆环图 • 雷达图 • 曲面图 • 气泡图 • 股价图 • 圆柱图、圆柱图和棱锥图 • 自定义图表类型 • 线-柱图 • 两轴折线图 • 对数图 • 组合图 • 创建自定义图表 • 添加误差线 • 设置轴格式 • 分类坐标轴...
- **字符串示例:ASCII图表**:通过实际编写代码来生成ASCII字符的图表,加深对字符串操作的理解。 #### 第3章 使用数组 数组是存储和操作数据的关键工具。本章全面覆盖了数组的各种类型和操作,从基础的索引数组...