echarts 饼图 右移
时间: 2023-07-08 10:17:08 浏览: 154
要将 Echarts 饼图向右移,可以通过设置 Echarts 饼图的布局属性来实现。具体来说,可以在 Echarts 的 option 中设置 series-pie-center 属性来控制饼图的中心点位置,从而实现向右移动饼图。
例如,可以将 series-pie-center 属性设置为 ["50%", "50%"],表示将饼图中心点设置为整个图表区域的中心点,然后将第一个元素设置为一个大于50%的值,表示将饼图向右移动。
示例代码如下:
```
option = {
series: [{
type: 'pie',
center: ['50%', '50%'],
radius: ['40%', '70%'],
data: [
{value: 335, name: 'A'},
{value: 310, name: 'B'},
{value: 234, name: 'C'},
{value: 135, name: 'D'},
{value: 1548, name: 'E'}
]
}],
series-pie-center: ['60%', '50%']
};
```
在上面的示例代码中,series-pie-center 属性被设置为 ['60%', '50%'],表示将饼图向右移动。你可以根据自己的需求调整这个值,以达到想要的效果。
阅读全文
相关推荐











