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

相关推荐
userxxcc6 分钟前
Waigo是用“Golang+Web”写的“视图窗口+稳定服务”的桌面端(Win、Mac、Ubuntu)多功能程序基座。开箱即用但有一定上手门槛。
javascript·golang·桌面应用基座·wails3
吴声子夜歌27 分钟前
Vue3——Vue CLI
前端·javascript·vue.js
我的世界洛天依33 分钟前
洛天依讲编程:调音教学|调性 ——MIDI 里的「钩子函数」
linux·前端·javascript
Cobyte1 小时前
7.响应式系统比对:手写一个响应式状态库并应用在 React 上
前端·javascript·vue.js
渔舟小调1 小时前
P18 | Element Plus 通用 CRUD 页面模板:一个模板覆盖 80% 管理页面
javascript·vue.js·elementui
1314lay_10071 小时前
匿名插槽和具名插槽的使用
前端·javascript·vue.js
Highcharts.js1 小时前
步骤总结|使用 React + Highcharts 实现动态更新图表
前端·javascript·react.js·前端框架·highcharts·图表渲染
好家伙VCC1 小时前
# React发散创新:从状态管理到自定义Hook的极致实践与性能优化在现代前端开发
java·javascript·python·react.js·性能优化
刀法如飞2 小时前
一款基于 NestJS 的 DDD 脚手架,开箱即用
javascript·后端·架构
Liu.7742 小时前
Vue 3开发中遇到的报错(1)
前端·javascript·vue.js