如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
html5图表工具finereport：[2]图表入门
来源：互联网
2023-03-16 19:06:44 163
单元格图表
工具/原料
- html5图表工具finereport
- 电脑
方法/步骤
描述
如下图，每一组都跟随有一个统计图直观的查看该组的数据情况，可以使用单元格图表实现这样的可扩展的效果效果。
图表作为单元格元素插入到报表中，就可以通过单元格的父子关系，跟随主格的扩展自动生成相应的图表，而不需要对每组数据单独制作对应的图表。
![html5图表工具finereport：[2]图表入门](https://exp-picture.cdn.bcebos.com/6061b9cd0c6efbf238127563127bbbf4db58da34.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
数据准备
打开报表%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Primary\GroupReport\Group.cpt。在地区销量分组报表的基础上添加图表，实现每个地区有一张销量统计图。
这边扩展出来的每张图表只显示当前地区的数据，因此不能直接将数据集作为图表数据来源（数据集是取出销量表中的所有数据），只能使用报表中单元格数据。
注：单元格元素图表与单元格数据源图表不是一个概念，单元格元素图表是指图表插入方式为单元格，可跟随单元格扩展，拥有单元格的一些属性，而单元格数据源图表是指图表绑定数据的时候绑定的是单元格数据，而非数据集数据。
插入单元格图表
合并第二行后面的一片区域，右击单元格单元格元素>插入图表>柱形图，点击确定。
![html5图表工具finereport：[2]图表入门](https://exp-picture.cdn.bcebos.com/983aa5f4da5872da9ee861bb0056ad042f68d434.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
设置图表数据
设置图表数据如下图，每个销售员的销量图，点击完成：
![html5图表工具finereport：[2]图表入门](https://exp-picture.cdn.bcebos.com/604e9556ad042e685248515585f85856d43dd134.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 338 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)