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

1,636 阅读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]
		]
	}]
});

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