echarts饼图属性

1、标题移动到右边

原本

legend: {
            data:['同龄普通孩子','已具备技能','已泛化技能','已掌握技能','学习中']
},

改

legend: {
             data:['同龄普通孩子','已具备技能','已泛化技能','已掌握技能','学习中'],
             orient: 'vertical',  //垂直显示
             y: 'center',    //延Y轴居中
             x: 'right' //居右显示
 },

2、圆圈占比 是否有中间空白

3、标题legend属性

 legend: {
        icon：'circle',
        orient: 'vertical',  垂直
        x:'right',      //可设定图例在左、右、居中
        y:'center',     //可设定图例在上、下、居中
        padding:[0,50,0,0],   //可设定图例[距上方距离，距右方距离，距下方距离，距左方距离]
        data: ['直接访问','微信','百度','其他文章','网页']
    },

①x : 可以设定图例在----左（left）、右（right）、居中（center）、填写数字（如:100px）
②y : 可以设定图例在----上（top）、下（bottom）、居中（center）、填写数字（如:100px）
③另外，可使用padding:
padding:[0,50,0,0] [（距离上方距离），（距离右方距离）、（距离下方距离）、（距离左方距离）]
注意：
当前(2020年6月)直接只设置left、right、top、bottom具体像素值或百分比即可：left、right、top、bottom

legend: {
        orient: 'vertical',
        right: 10,   //当前直接只设置此具体像素值、百分比即可了
        data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
    },

如此设置完就可以得到自己想要的位置啦。

4、echarts 饼图设置默认高亮/显示值，鼠标滑过切换数据显示不会覆盖之前显示，鼠标离开显示最初默认高亮/显示值

https://www.jianshu.com/p/56b6113a9baa

5、标题介绍为圆圈

legend: {
          icon: 'circle',
          orient: 'vertical',  //垂直显示
          y: 'center',    //延Y轴居中
          x: 'right',
          padding: [0, 100, 0, 50],   //可设定图例[距上方距离，距右方距离，距下方距离，距左方距离] //居右显示
          margin: [0, 0, 0, 0],
          left: 140,
          textStyle: { //图例文字的样式
            color: '#fff',
            fontSize: 12
          }
},