echart使用笔记

最近的页面又用到了echart组件 很久没用了 再来做一些笔记。

var option = {
  tooltip: {
       trigger: 'item',
       formatter: '{a} <br/>{b}: {c}%' //鼠标移到图形上显示的内容
   },
   legend: {
       top: '10%',
       left: '40%',
       orient: "vertical", // 控制水平排列
       icon: "circle", // 修改小图标为圆形
       itemHeight: 8, // 修改圆形小图标的大小
   },
   color: this.echartsColors,//【颜色区间 在区间内循环使用】
   series: [
       {
           name: '库存总金额',
           type: 'pie',
           radius: ['30%', '45%'],
           avoidLabelOverlap: false,
           label: {
               show: false, //是否显示标题
               position: 'center'
           },
           center: ['30%', '50%'],//表格的位置 【上下，左右】
           emphasis: {
               label: {
                   show: false,
               }
           },
           labelLine: {
               show: false
           },
           data: arr //如果想要给表格内的图形设置边框 itemStyle:{ normal:{borderWidth: 1.8,//设置边框粗细 borderColor: '#ffffff'//边框颜色}}
       }
   ]
 };