highcharts中漏斗图和金字塔图的对比

先看效果如何：

一眼就看出区别，其实就是数据点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]
		]
	}]
});复制代码

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