echarts饼图调整位置不是使用grid,用center
2.string:例如,‘20%’,表示外半径为可视区尺寸(容器高宽中较小一项)的 20% 长度。内绘图网格,单个 grid 内最多可以放置上下两个 X 轴,左右两个 Y 轴。2.相对的百分比:center: [‘50%’, ‘50%’]1.数字:center: [400, 300]1.number:直接指定外半径值。3.数组:数组的第一项是。,第二项是相对于容器。
·
center
: 饼图的中心(圆心)坐标, 两种用法:
1.数字:center: [400, 300]
数组的第一项是横坐标,第二项是纵坐标。
2.相对的百分比:center: [‘50%’, ‘50%’]
第一项是相对于容器宽度,第二项是相对于容器高度
series: [{
name: '严重程度分布',
type: 'pie',
avoidLabelOverlap: true,
// 数据到图形的映射
encode: {
itemName: 'vulLevel',
value: 'count',
},
radius: ['30%', '60%'],//饼图的半径
center: ['50%', '40%'], // 调整饼图位置
}]
grid
:直角坐标系内绘图网格,单个 grid 内最多可以放置上下两个 X 轴,左右两个 Y 轴。
可以在网格上绘制折线图,柱状图,散点图。
radius
:设置饼图的半径
1.number:直接指定外半径值。
2.string:例如,‘20%’,表示外半径为可视区尺寸(容器高宽中较小一项)的 20% 长度。
3.数组:数组的第一项是内半径,第二项是外半径
更多推荐
已为社区贡献1条内容
所有评论(0)