书写一个echarts的漏斗图
时间: 2023-10-05 20:11:15 浏览: 101
抱歉,作为一个AI语言模型,我无法书写图表。但我可以提供一些代码示例来帮助您创建一个echarts漏斗图:
HTML代码:
```
<div id="chart" style="width: 600px; height: 400px;"></div>
```
JavaScript代码:
```
// 初始化echarts实例
var myChart = echarts.init(document.getElementById('chart'));
// 配置项
var option = {
title: {
text: '销售漏斗图'
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c}%'
},
legend: {
data: ['浏览量', '加入购物车', '下单', '支付']
},
series: [
{
name: '漏斗图',
type: 'funnel',
left: '10%',
top: 60,
bottom: 60,
width: '80%',
minSize: '0%',
maxSize: '100%',
sort: 'descending',
label: {
show: true,
position: 'inside'
},
emphasis: {
label: {
show: true,
fontSize: 20
}
},
data: [
{value: 100, name: '浏览量'},
{value: 80, name: '加入购物车'},
{value: 60, name: '下单'},
{value: 40, name: '支付'}
]
}
]
};
// 使用上面的配置项显示图表
myChart.setOption(option);
```
这段代码将生成一个名为“销售漏斗图”的echarts漏斗图,其中包含四个不同的数据点:浏览量、加入购物车、下单和支付。您可以根据自己的需求更改数据点和样式。
阅读全文