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

相关推荐
兆子龙1 小时前
ahooks useRequest 深度解析:一个 Hook 搞定所有请求
java·javascript
兆子龙1 小时前
React Suspense 从入门到实战:让异步加载更优雅
java·javascript
KKKK1 小时前
SSE(Server-Sent Events)流式传输原理和XStream实践
前端·javascript
子兮曰2 小时前
Humanizer-zh 实战:把 AI 初稿改成“能发布”的技术文章
前端·javascript·后端
Din2 小时前
主动取消的防抖
前端·javascript·typescript
H5开发新纪元2 小时前
Nginx 部署 Vue3 项目完整指南
前端·javascript·面试
决斗小饼干2 小时前
跨语言移植手记:把 TypeScript 的 Codex SDK 请进 .NET 世界
前端·javascript·typescript
进击的尘埃3 小时前
Vitest 浏览器模式:别再用 jsdom 骗自己了
javascript
bluceli3 小时前
JavaScript模块化深度解析:从CommonJS到ES Modules的演进之路
前端·javascript