如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
html5动态图表工具FineReport：[5]柱形图表
来源：互联网
2023-03-16 19:06:43 450
当数据出现负数时，图表中就需要对应表示出负数的部分，6.5.5版本的图表已经支持显示负数，但是无法明确以0刻度为分界，在7.0版本中对该功能又进一步的进行了优化。效果如下：
![html5动态图表工具FineReport：[5]柱形图表](https://exp-picture.cdn.bcebos.com/2e66f9ef28066b018fb635f43df39187021cf3c2.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
工具/原料
- html5动态图表工具：FineReport
- 电脑
方法/步骤
准备数据
新建工作薄，添加数据集，SQL语句为SELECT 产品名称, 库存量之王, (订施脾购量 再订购量) as 订购总量 FROM [产品] where 类别ID = 1，查询出饮料类产品的库存量与订购总量压趣宿。
如下图制作报表，统计出各产品的库存量与订购总量，并使用公式计算出剩余库存量，若相差数量为负数，则表示该产品需要补货了；以此作为图表数据，使用统计图直观地查看出哪些产品需要补货：
![html5动态图表工具FineReport：[5]柱形图表](https://exp-picture.cdn.bcebos.com/b7b28f87031c99c08c97e732af2fa872951fedc2.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
负数柱形图设计
普通柱形图就支持显示负数，以悬浮图表为例，在菜单栏里点击插入>悬浮元素>插入图表，弹出图表向导对话框，选择柱形图，点击确定，图表数据源设置，如下：
![html5动态图表工具FineReport：[5]柱形图表](https://exp-picture.cdn.bcebos.com/e0c73a2fa872941f968f326e7b5e4a237871e6c2.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
保存与预览
保存模板，点击分页预览，效果即如上。模板效果在线查看请点击Negative.cpt
已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\Negative.cpt。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： 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)