饼图

复制代码
function (data, params) {
  const myChart = this.myChart;
  let _data = [];
  if (data.length && data[1]) {
    _data = [
      { value: data[1].count, name: '硕士' },
      { value: data[2].count, name: '博士' },
    ];
  }

  // 配置图表选项
  const option = {
    title: {
      text: ''
    },
    tooltip: {
      trigger: 'item',
    },

    series: [
      {
        color: ['#30ede8FF', '#ffe04dFF'],
        name: '',
        type: 'pie',
        radius: ['55%', '80%'],
        avoidLabelOverlap: false,
        padAngle: 5,
        itemStyle: {
          borderRadius: 5,
        },
        label: {
          show: false,
          position: 'center',
        },
       
        labelLine: {
          show: false,
        },
        data: _data,
        data2: [
          { value: 1256, name: '硕士' },
          { value: 856, name: '博士' },
        ],
      },
    ],
  }
  return option;
}
复制代码

 

posted @   ladybug7  阅读(4)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示