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

相关推荐
李明卫杭州4 小时前
React 复合事件系统对比解析
前端·javascript·react.js
LEE5 小时前
前端转型全栈 01:数据建模,前端最大的盲区
前端·javascript·后端
雪芽蓝域zzs6 小时前
第四十七节:驾驶舱大屏 ECharts 图表集成
前端·javascript·vue.js
梦醒沉醉7 小时前
7、表达日期和时间(前朝遗老Date)
javascript
雪芽蓝域zzs7 小时前
第四十九节:TagsView 右键菜单(带三角箭头)给每个 tag 增加**鼠标右键菜单**(右键标签弹出:关闭、关闭其他、关闭全部)
前端·javascript·vue.js
এ慕ོ冬℘゜8 小时前
从零开发移动端医院挂号页面:适配、交互与前端实现详解
前端·javascript
宁渡AI大模型8 小时前
AI 全栈面试新趋势:Vibe Coding、前端、Java 后端高频面试题深度解析|河南宁渡科技有限公司编程教程
java·javascript·人工智能·python·ai大模型
东风微鸣8 小时前
AI依赖更新别裸奔🚨
javascript
研☆香8 小时前
echarts图表的使用方法
javascript
是立不是利10 小时前
大文件导致请求被拒的连锁反应
开发语言·前端·javascript