`
iris_1992
  • 浏览: 25406 次
  • 性别: Icon_minigender_2
  • 来自: 南京
社区版块
存档分类
最新评论

web图表制作圆环图

阅读更多

工具/原料

  • web图表:FineReport7.1.1
  • 大小:148.2M 适用平台:windows/linux
1. 描述
圆环图类似于饼图,显示个体与整体之间的关系,可以直观了解个体部分所占整体部分的百分比,但是不同于饼图的是,圆环图可以包含多个分类,即多层圆环图,可以从圆环的径向上去比较不同分类下同一系列的数据的变化趋势。
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
分享到:
评论

相关推荐

    Graph And Chart 1.51 - 3D图表制作.rar

    条形图,饼图,圆环图,图表图表,气泡图和雷达图。所有都可以是2D或3D。所有产品都可以使用您自己的颜色,尺寸,材料和预制件进行完全定制。与UI Canvas集成。 该软件包附带了十几个图表主题,其中一些可以在下面...

    Excel2007图表完全剖析 6/8

    4.3.3 使用圆环图来比较两个饼图 107 4.3.4 处理饼图中的数据表示问题 108 4.4 使用瀑布图(waterfall)分解组分 114 4.5 下一步 116 第5章 创建显示关系的图表 117 5.1 在图表中比较两个变量 117 5.2 ...

    Excel2007图表完全剖析 2/8

    4.3.3 使用圆环图来比较两个饼图 107 4.3.4 处理饼图中的数据表示问题 108 4.4 使用瀑布图(waterfall)分解组分 114 4.5 下一步 116 第5章 创建显示关系的图表 117 5.1 在图表中比较两个变量 117 5.2 ...

    Excel2007图表完全剖析 8/8

    4.3.3 使用圆环图来比较两个饼图 107 4.3.4 处理饼图中的数据表示问题 108 4.4 使用瀑布图(waterfall)分解组分 114 4.5 下一步 116 第5章 创建显示关系的图表 117 5.1 在图表中比较两个变量 117 5.2 ...

    Excel2007图表完全剖析 1/8

    4.3.3 使用圆环图来比较两个饼图 107 4.3.4 处理饼图中的数据表示问题 108 4.4 使用瀑布图(waterfall)分解组分 114 4.5 下一步 116 第5章 创建显示关系的图表 117 5.1 在图表中比较两个变量 117 5.2 ...

    Excel2007图表完全剖析 4/8

    4.3.3 使用圆环图来比较两个饼图 107 4.3.4 处理饼图中的数据表示问题 108 4.4 使用瀑布图(waterfall)分解组分 114 4.5 下一步 116 第5章 创建显示关系的图表 117 5.1 在图表中比较两个变量 117 5.2 ...

    Excel2007图表完全剖析 3/8

    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

    "html5-svg-circle-chart"项目就是利用这些技术实现的一种创新的图表展示方式,它将传统的饼状图和柱状图升级为更吸引眼球的空心圆环动画效果。下面将详细介绍这个项目涉及的关键知识点。 1. HTML5:HTML5是HTML的...

    Microsoft Chart Control

    5. 圆环图(Doughnut Charts):与饼图类似,但中心留空,强调数据的比例分布。 6. 框图(Box Plots):分析数据分布的五数概括(最小值、下四分位数、中位数、上四分位数、最大值)。 7. 面积图(Area Charts):...

    3D饼状图,3D阶梯图,three.js实现

    3. **创建几何体(Geometry)**:3D饼状图的几何体通常基于圆盘或圆环,每个扇区是几何体的一部分。 4. **材质(Material)**:为几何体赋予颜色和外观。 5. **对象(Object3D)**:将几何体和材质组合成一个可渲染的对象...

    CSS3+jQuery生成的动态圆环图例

    提到"是一个插件,使用方便",这意味着这个资源可能是为开发者设计的,他们可以简单地将其引入项目中,通过调用特定的API或方法来实现动态圆环图的创建和控制,而无需从头编写复杂的代码。 【标签】"Web开发源代码...

    Chart 控件做的地质插图

    本主题将深入探讨如何利用`Chart控件`制作地质插图,包括柱形图、饼图、圆环图、面积图等。`Chart控件`通常用于Windows Forms或Web应用程序,它可以提供丰富的自定义选项,以适应各种需求。 首先,我们来看`柱形图`...

    percent-donut-chart

    这种图表在IT领域,尤其是在数据分析、报表制作以及Web应用中广泛应用,因为它能够直观、简洁地传达数据信息。 D3.js(Data-Driven Documents)是JavaScript的一个库,专为创建交互式和可定制的数据可视化而设计。...

    《Excel应用大全》示例文件 光盘文件

    • 圆环图 • 雷达图 • 曲面图 • 气泡图 • 股价图 • 圆柱图、圆柱图和棱锥图 • 自定义图表类型 • 线-柱图 • 两轴折线图 • 对数图 • 组合图 • 创建自定义图表 • 添加误差线 • 设置轴格式 • 分类坐标轴...

    ActionScript3.0开发人员指南

    - **字符串示例:ASCII图表**:通过实际编写代码来生成ASCII字符的图表,加深对字符串操作的理解。 #### 第3章 使用数组 数组是存储和操作数据的关键工具。本章全面覆盖了数组的各种类型和操作,从基础的索引数组...

Global site tag (gtag.js) - Google Analytics