html5图表控件制作气泡图

时间:2024-11-15 20:28:46

工具/原料

html5图表软件FineReport7.1.1

大小:148.2M 适用平台:windows/linux

1.概述

气泡图,是散点图的变体,不同的是,散点图使用的是成组的X、Y值(二维),而气泡图使用的是成组的X、Y、Z值(三维),其Z值确定气泡的大小。

如下气泡图来监视各调味品的单价、成本与库存订购量差:html5图表控件制作气泡图

点击完成,分页预览效果如下:html5图表控件制作气泡图

大小表示

即气泡图大小表示的意思,分为两种,面积或者宽度,计算单位为像素。

原理是设置将气泡大小缩放为如50,则整个气泡图中最大的气泡半径为50像素,然后根据选择的大小比较方式如选择气泡面积,则按照气泡的面积比例调整其他气泡的大小。

显示

显示负气泡:若系列3(z轴)有负值的话,勾选此选项负气泡会显示成为灰色,若不勾选此选项则负气泡不会显示,如上面效果图中所示辣椒粉,番茄酱和肉松都是灰色的,即负值。

其他系列设置

其他系列设置与其他图表设置相同,如显示标签、添加警戒线等。

2.5保存与预览

保存模板,点击分页预览即可查看效果。模板效果在线查看请点击Bubble.cpt

已完整模板可参考%FR_HOME%WebReportWEB-INFeportletsdocAdvancedChartBubble.cpt。

© 途途旅游