博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
highcharts中漏斗图和金字塔图的对比
阅读量:6412 次
发布时间:2019-06-23

本文共 485 字,大约阅读时间需要 1 分钟。

先看效果如何:

一眼就看出区别,其实就是数据点type类型不同而已:

var chart = Highcharts.chart('container', {	series: [{		name: '用户',		type: 'funnel', // 漏斗图		data: [			['进来',   100],			['议价',       50],			['买', 20],		]	}]});复制代码

var chart = Highcharts.chart('container', {	series: [{		name: '用户',		type: 'pyramid', // 金字塔图		data: [			['访问网站',   15654],			['下载产品',       4064],			['询价', 1987],			['发送合同',    976],			['成交',    846]		]	}]});复制代码

其实图表没有那么复杂,想在项目中动态生成一个图表,并且想要用户可以改变图表都很简单,只要传递给图表正确的数据列,用户修改具体的数据即可,收工:)

转载地址:http://lzura.baihongyu.com/

你可能感兴趣的文章
Handlebars模板引擎之进阶
查看>>
排查CentOS7.0的联网情况
查看>>
UVA 567 Risk【floyd】
查看>>
C#带参数的构造函数
查看>>
firefox(ff)下无法显示bootstrap图标问题的解决方案(转)
查看>>
Apache Lucene(全文检索引擎)—分词器
查看>>
[PCB设计] 2、畸形PCB板子的制作核心——AD14导入dwg格式文件的方法
查看>>
kylin学习笔记
查看>>
iOS开发中的错误整理,百思项目'我的'模块,tableFooterViewHeight的问题.提醒自己对KVO和Block的运用欠缺...
查看>>
重写 Ext.toolbar.Paging 扩展功能
查看>>
冒泡排序
查看>>
linux进程地址空间--vma的基本操作【转】
查看>>
李洪强iOS开发之提交AppStory时候遇到的坑
查看>>
maven 跳过测试 打包 及上传命令
查看>>
Git安装与配置
查看>>
windows下使用curl命令 && 常用curl命令
查看>>
JavDroider的作品展示
查看>>
Eziriz .NET Reactor(.net混淆器) v5.0.0.0 完美安装破解版(附破解文件)
查看>>
Python3 写Windows Service服务程序
查看>>
strncpy, strncpy_s
查看>>