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 。

相关推荐
范同学~18 分钟前
项目添加水印
java·前端·javascript
软件技术NINI29 分钟前
基于PHP和MySQL的快递代收点管理系统的设计与实现
开发语言·javascript·数据库·mysql·毕业设计·php·毕设
Dovis(誓平步青云)40 分钟前
一个分区超温就全棚浇水,控制系统怎样按区下策略
开发语言·前端·javascript·人工智能·机器学习
DevNote_1 小时前
1C1G 服务器从零配置实录(附完整命令)
linux·运维·服务器·javascript·adb·ssh·gmssh
Dovis(誓平步青云)1 小时前
切换语言后按钮被截断,本地化审计怎样发现长度风险
开发语言·前端·javascript·人工智能·机器学习·华为·harmonyos
CappuccinoRose1 小时前
拖拽交互体系
前端·javascript·css·html·交互·1024程序员节
开开心心就好1 小时前
免安装PDF盖章工具,透明度和位置可调
运维·服务器·前端·javascript·pdf·ocr·1024程序员节
2501_9445215910 小时前
Ramda 跨端三方库仓颉适配全流程
开发语言·javascript·flutter·php
Ken_111512 小时前
小体积附件下载正常,大附件下载异常
javascript
变与不变80612 小时前
jQuery怎么使用
前端·javascript