前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【教程】ECharts饼图记录

【教程】ECharts饼图记录

作者头像
小锋学长生活大爆炸
发布2023-03-31 13:38:14
2250
发布2023-03-31 13:38:14
举报

确实蛮好用的,文档也非常详细和人性化。

记录一次简单的使用。

效果:

 代码:

代码语言:javascript
复制
option = {
    title: {
    text: 'Total',
    subtext: '1096.109',
    x: 'center',
    y: 'center',
    top: '350',
    textStyle: {
      fontSize: '30',
      color: 'black',
      fontFamily: 'Times New Roman'
    },
    // 副标题样式
    subtextStyle: {
      fontSize: '28',
      // fontWeight: '800',
      color: 'black',
      fontFamily: 'Times New Roman'
    }
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '10%',
    left: 'center',
    textStyle: {
      fontSize: '22',
      fontFamily: 'Times New Roman'
    },
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: ['25%', '55%'],
      // avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: 10,
        borderColor: '#fff',
        borderWidth: 2
      },
      // label: {
      //   show: true,
      //   position: 'center'
      // },
      // emphasis: {
      //   label: {
      //     show: true,
      //     fontSize: 40,
      //     fontWeight: 'bold'
      //   }
      // },
      label:{
	      formatter(ar){
    	    return ar.name+'('+ar.value+')'
        },
        fontSize: '28',
        fontFamily: 'Times New Roman'
    	},
    	
      data: [
        { value: 0.001, name: 'NMS' },
        { value: 0.005, name: 'NMS2' },
        { value: 7.318, name: 'NMS3' },
        { value: 59.418, name: 'NMS4' },
        { value: 77.644, name: 'NMS5' },
        { value: 83.511, name: 'NMS6' },
        { value: 147.221, name: 'NMS7' },
        { value: 340.984, name: 'NMS8' },
        { value: 380.013, name: 'NMS9' },
      ],
    }
  ]
};
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-03-29,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档