echarts series data中的value字段怎么改成其他名称
时间: 2024-02-20 07:57:33 浏览: 239
在Echarts中,`series`中的`data`数据项对象中的`value`字段是默认的数据项数值属性名,如果需要将其改成其他名称,可以通过在`option`中定义`visualMap`组件,或者在`series`中的`encode`属性中进行配置。
下面是两种方法的具体实现:
- 方法一:通过`visualMap`组件进行配置
```javascript
option = {
visualMap: {
dimension: 1, // 指定用于映射的数据维度
seriesIndex: 0, // 指定映射到哪个系列中的数据项
text: ['高', '低'], // 显示的文本
inRange: {
color: ['#e0ffff', '#006edd'] // 映射到的颜色范围
}
},
series: [{
type: 'map',
map: 'china',
data: [
{name: '北京', val: 100},
{name: '上海', val: 50},
{name: '广州', val: 70},
{name: '深圳', val: 80},
{name: '重庆', val: 60},
{name: '天津', val: 90}
]
}]
}
```
在上述代码中,我们通过定义`visualMap`组件,指定了要映射的数据维度为`1`,也就是`data`中每个对象的第二个属性,即`val`属性,这样就把`data`中的`value`字段替换成了`val`字段。
- 方法二:通过`encode`属性进行配置
```javascript
option = {
series: [{
type: 'map',
map: 'china',
encode: {
value: 2 // 将数据项中第三个属性映射到数值上
},
data: [
{name: '北京', value: 100, other: 'abc'},
{name: '上海', value: 50, other: 'def'},
{name: '广州', value: 70, other: 'ghi'},
{name: '深圳', value: 80, other: 'jkl'},
{name: '重庆', value: 60, other: 'mno'},
{name: '天津', value: 90, other: 'pqr'}
]
}]
}
```
在上述代码中,我们通过在`series`中的`encode`属性中对`value`进行配置,将数据项中第三个属性(即`other`属性)映射到数值上,这样就把`data`中的`value`字段替换成了`other`字段。
阅读全文