要设置让圆环的中间显示文字 "总计",并为总计设置一个 value,可以在 series 的 label 属性中添加一个对象,来设置圆环中间的文字。

下面是修改后的代码:

option = {
  title: {
    text: "车辆所有权构成(辆)",
    left: "center",
    top: "top",
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: 'center',
    left: 'right',
    orient: 'vertical'
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: ['40%', '70%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 40,
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 32.6, name: '外租车辆' },
        { value: 67.4, name: '自有企业' },
        {
          value: 100, // 设置总计的 value 为 100
          name: '总计',
          label: {
            show: true,
            position: 'center',
            formatter: '{c}', // 显示数值
            fontSize: 20,
            fontWeight: 'bold'
          }
        }
      ]
    }
  ]
};

在数据中添加了一个对象来表示总计,其中 value 设置为 100,然后在 label 属性中设置了 show 为 true,position 为 center,formatter 为 '{c}'(表示显示数值),fontSize 为 20,fontWeight 为 'bold'。这样就可以让圆环的中间显示文字 "总计" 并设置了一个 value 为 100。

option = title text 车辆所有权构成辆 left center top top tooltip trigger item legend top center left right orient vertical series name Acces

原文地址: https://www.cveoy.top/t/topic/i9cI 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录