echarts 金字塔
时间: 2023-07-05 09:20:17 浏览: 173
ECharts提供了Pyramid(金字塔)图表类型。可以将金字塔图用于展示数据的层级和比例关系。以下是一个简单的示例代码:
```javascript
option = {
title: {
text: '金字塔图',
subtext: '纯属虚构'
},
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c}%"
},
legend: {
data: ['展现','点击','访问','咨询','订单']
},
toolbox: {
show: true,
feature: {
mark: {show: true},
dataView: {show: true, readOnly: false},
magicType: {
show: true,
type: ['pie', 'funnel']
},
restore: {show: true},
saveAsImage: {show: true}
}
},
calculable: true,
series: [
{
name:'漏斗图',
type:'funnel',
width: '40%',
data:[
{value:60, name:'访问'},
{value:40, name:'咨询'},
{value:20, name:'订单'},
{value:80, name:'点击'},
{value:100, name:'展现'}
]
}
]
};
```
上面的代码使用了ECharts的funnel(漏斗)图表类型来实现金字塔效果,其中data数组中的数据按照从下到上的顺序排列。您可以在series中调整宽度,以得到不同的效果。
阅读全文