旭日图 echarts 数据的name换名字
时间: 2024-05-05 19:15:49 浏览: 6
要更改旭日图 Echarts 数据的名称,需要通过修改数据源来实现。可以在数据源中将原始名称替换为所需的名称,然后将数据源传递给 Echarts 实例。以下是一个示例代码,可以将数据源中的“name”字段替换为“label”字段:
```javascript
// 原始数据源
var data = [
{name: 'parent', children: [
{name: 'child1', value: 10},
{name: 'child2', value: 20}
]}
];
// 替换名称为"label"
var newData = data.map(function(item) {
return {
label: item.name,
children: item.children.map(function(child) {
return {
label: child.name,
value: child.value
};
})
};
});
// 使用新数据源创建 Echarts 实例
var myChart = echarts.init(document.getElementById('myChart'));
myChart.setOption({
series: [{
type: 'sunburst',
data: newData,
// 其他配置项...
}]
});
```
在上面的示例中,我们首先将原始数据源存储在“data”变量中。然后,我们使用Array.map()方法来遍历数据源,并将“name”字段替换为“label”字段。最后,我们使用新数据源创建 Echarts 实例,并将其传递给“series”配置项中的“data”属性。