Highcharts 3D漏斗图(Funnel 3D)完全指南:从模块加载到一文学会三维漏斗可视化

3D 漏斗图

Funnel 3D 漏斗3D系列类型是漏斗图Funnel Chart的3D变体。漏斗图主要用于显示销售过程中的不同阶段,顶部是合格的潜在客户,底部是已成交的交易。在销售的每个阶段,企业都可能失去一些潜在交易,这也是为什么典型的漏斗在顶部有大量潜在客户,随着客户流失,漏斗逐渐变窄。漏斗图用于观察销售团队将潜在客户转化为成交交易的效果。

设置

3D漏斗图需要先加载 highcharts.js ,然后依次加载highcharts-3d.js, modules/cylinder.js, modules/funnel3d.js.

通过将options3d.enabled设置为true,可以启用3D视角。可以在funnel3d (API) 中或在系列选项中设置图表类型或数据系列类型。

配置选项

每个3D漏斗的段高与数据点的值相关。此外,可以通过neckWidth和neckHeight选项设置颈部的大小。

漏斗的大小默认填充整个绘图区,但可以通过设置width和height属性进行调整。

有关漏斗3D图的所有其他选项,请参阅 API

相关推荐
我是伪码农2 小时前
Vue 2.11
前端·javascript·vue.js
wuhen_n2 小时前
JavaScript 防抖与节流进阶:从原理到实战
前端·javascript
打瞌睡的朱尤2 小时前
Vue day11商品详细页,加入购物车,购物车
前端·javascript·vue.js
SuperEugene2 小时前
《对象与解构赋值:接口数据解包的 10 个常见写法》
前端·javascript
Never_Satisfied2 小时前
在JavaScript中,如何给字符串数组中的元素去重
开发语言·javascript·ecmascript
打瞌睡的朱尤2 小时前
Vue day12 Vue3认识,写法区分
前端·javascript·vue.js
阿珊和她的猫2 小时前
Vue Router 的使用指南
前端·javascript·vue.js
打瞌睡的朱尤2 小时前
day8 Vue-x
前端·javascript·vue.js
一只大侠的侠3 小时前
React Native for OpenHarmony:Calendar 日历组件实现指南
javascript·react native·react.js