echarts设置环形图上显示数字刷新时不显示
时间: 2024-02-18 08:01:52 浏览: 21
要在 echarts 的环形图上显示数字,需要在配置项中设置 `series` 中的 `label` 属性,将 `show` 设置为 `true` 。例如:
```javascript
option = {
series: [{
type: 'pie',
radius: ['50%', '70%'],
label: {
show: true,
position: 'center',
fontSize: 20,
color: '#000',
formatter: '{c}' // 显示数据
},
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}]
};
```
如果设置了以上属性仍然没有显示数字,可能是因为数据没有刷新导致的。可以尝试调用 `echarts.init` 后返回的实例对象中的 `setOption` 方法重新设置数据。例如:
```javascript
var myChart = echarts.init(document.getElementById('myChart'));
// 初始数据
var option = {
// ...
};
myChart.setOption(option);
// 更新数据
setInterval(function() {
var newData = /* 新的数据 */;
myChart.setOption({
series: [{
data: newData
}]
});
}, 1000);
```
这样就会每秒更新一次数据,并在环形图上显示数字了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)