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

相关推荐
一起学开源8 分钟前
一文读懂 ReAct 范式:让 AI Agent 真正学会“思考+行动“
java·javascript·react.js·ecmascript·react·alibaba·智能体开发
游九尘2 小时前
JavaScript 实现三段式版本号对比函数(app升级用)
javascript·uni-app
zhiSiBuYu05172 小时前
Claude-Code 新手极速上手指南
javascript·node.js
罗超驿3 小时前
18.Web API 实战:元素与表单属性的获取和修改
开发语言·前端·javascript
山河已无恙3 小时前
BPF-eBPF 开发路线二:libbpf、CO-RE 与 libbpf-bootstrap认知
javascript·bootstrap·php
ZengLiangYi4 小时前
React Query + REST API 最佳实践
javascript·后端·react.js
ZengLiangYi4 小时前
Fastify 加 Electron:把 Web 服务嵌进桌面应用
前端·javascript·后端
胡萝卜术5 小时前
从零搭建生成式AI项目:OpenAI + Node.js 环境配置与密钥安全实践
前端·javascript·面试
柒和远方5 小时前
每日一学V012: 从 Python 到 Node.js:一个 AI Native 开发者的 JavaScript 调用 LLM 实战
javascript·node.js·api
STDD5 小时前
Farming Simulator 25(模拟农场 25) Linux 专服搭建完全指南
linux·运维·javascript