echarts 漏斗图 sort为none时排序
时间: 2023-10-05 15:11:28 浏览: 126
当 `sort` 属性设置为 `'none'` 时,echarts 漏斗图将不会对数据进行排序,而是按照数据在数组中的顺序进行绘制。如果需要自定义数据的排序方式,可以使用 `visualMap` 配置项来实现。
示例代码:
```javascript
option = {
series: [{
type: 'funnel',
sort: 'none',
data: [
{value: 100, name: 'Step 1'},
{value: 80, name: 'Step 2'},
{value: 60, name: 'Step 3'},
{value: 40, name: 'Step 4'},
{value: 20, name: 'Step 5'}
],
// 其他配置项
}],
visualMap: {
orient: 'horizontal',
left: 'center',
bottom: 10,
min: 0,
max: 4,
seriesIndex: [0],
inRange: {
color: ['#D7DA8B', '#E15457']
},
// 自定义排序方式
pieces: [
{value: 0, label: 'Step 1'},
{value: 1, label: 'Step 2'},
{value: 2, label: 'Step 3'},
{value: 3, label: 'Step 4'},
{value: 4, label: 'Step 5'}
]
}
};
```
在上述示例中,`sort` 属性被设置为 `'none'`,表示漏斗图数据不进行排序。同时,通过 `visualMap` 配置项中的 `pieces` 属性自定义了数据的排序方式,将每个数据项的名称与对应的排序值一一对应。这样配置后,echarts 就会按照 `pieces` 属性中定义的顺序来绘制漏斗图。
阅读全文