echarts 饼状图的大小-ecarts饼图键盘浮动并放大

ecarts饼图键盘浮动并放大

原因是朋友写了一个饼图,数据显示完全没问题echarts 饼状图的大小,而且键盘是浮动的,不是放大,而是缩小。 这个和我们的ui不一样,所以找了一系列资料终于找到在哪里改了。

下面附上之前写的图:

原配置:

 series: [
    {
        name: "",
        type: "pie",
        radius: ['50%', '32%'],
        label: {
          show:false,
          textStyle: {
            fontSize: 12,
            color: "inherit",
          },
          position: "outside",
          // formatter: "{d}%",
        },
        labelLine: {
          show: false,
          length: 0,
          length2: 15,
        },
        emphasis: {
          itemStyle: {
          shadowBlur: 20,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
          }
        },
          data: [
            { value: 1048, name: 'Search Engine' },
            { value: 735, name: 'Direct' },
            { value: 580, name: 'Email' },
            { value: 484, name: 'Union Ads' },
            { value: 300, name: 'Video Ads' }
          ]
    }
  ]

修改后代码:

改动部分后echarts 饼状图的大小,用+号标记并下拉,请仔细阅读。

 series: [
    {
      name: 'Access From',
      type: 'pie',
  +  radius: ['40%', '60%'],
      avoidLabelOverlap: false,
     label: {
            show:false,
            textStyle: {
              fontSize: 12,
              color: "inherit",
            },
            position: "outside",
            // formatter: "{d}%",
          },
      labelLine: {
            show: false,
            length: 10,
            length2: 5,
          },
      emphasis: {
 +    scaleSize: 8,
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 10,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      },
      data: [
        { value: 1048, name: 'Search Engine' },
        { value: 735, name: 'Direct' },
        { value: 580, name: 'Email' },
        { value: 484, name: 'Union Ads' },
        { value: 300, name: 'Video Ads' }
      ]
    }
  ]

更改后:

结束!