html5图表控件制作气泡图

工具/原料

html5图表软件FineReport7.1.1

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

1.概述

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

如下气泡图来监视各调味品的单价、成本与库存订购量差：

点击完成，分页预览效果如下：

大小表示

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

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

显示

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

其他系列设置

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

2.5保存与预览

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

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