先看效果如何:
一眼就看出区别,其实就是数据点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] ] }]});复制代码
其实图表没有那么复杂,想在项目中动态生成一个图表,并且想要用户可以改变图表都很简单,只要传递给图表正确的数据列,用户修改具体的数据即可,收工:)