前一段事件做了一个3D饼图，本来想尝试一下插件的子弹图，一看已经有了。现在做个HighChart子弹图分享一下。
先上图：
具体步骤可以参考下面的3D饼图制作过程。下面主要把不一样的地方列出来。
https://bbs.fanruan.com/forum.php?mod=viewthread&tid=126989
1. 添加High Charts的Bullet.js
bullet.js
(2.44 KB, 下载次数: 27)
2. 添加背景图。看玩大屏的同学都加背景图，也练习一下，效果不错。
首先把背景图存放到webapps\webroot\scripts\img然后在程序中通过/webroot/scripts/img/文件名字访问。
3下面介绍一下参数：
reportTitle：报表标题
targetValues：每个子弹图的目标值，以","分割
actualValues：每个字段图的实际值，以","分割
bandValues：划档值，以";"分割每个子弹图的列表, 以","分割单个子弹图需要的值
colors：以","分割。第一个固定是中间的颜色。后面的是划档的颜色
containerName：显示字段图的控件名字
categories：每个子弹图的分类。以","分割
backgroundImg：背景图
4. 生成的决策表。
bullet.frm
(7.46 KB, 下载次数: 4, 售价: 500 个F豆)
编辑于 2020-6-22 17:13
编辑于 2020-6-22 17:24
|
