echarts饼图如何设置canves的宽高
时间: 2023-11-02 21:01:32 浏览: 32
您可以使用ECharts的属性设置来设置饼图的canvas宽高。具体可以在option中添加如下代码:
```javascript
option = {
series: [{
type: 'pie',
radius: '50%',
center: ['50%', '50%'],
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}],
// 设置宽高
graphic: {
elements: [{
type: 'rect',
left: 'center',
top: 'center',
shape: {
width: 500,
height: 500
},
style: {
fill: '#eee'
}
}]
}
};
```
您可以在elements属性中添加rect元素,并设置该元素宽高即可。以上代码中,我将元素宽高设置为500,您可以根据需要进行修改。