echarts饼图, 中间显示总数

最新推荐文章于 2024-01-20 10:03:48 发布

嚣张.miner

最新推荐文章于 2024-01-20 10:03:48 发布

阅读量3.6k

点赞数 1

分类专栏： echarts 文章标签： echarts 前端 echarts总数显示 graphic

本文链接：https://blog.csdn.net/zm_miner/article/details/127656444

版权

echarts属性真的太太多了需求也是五花八门的先记下来
在这里插入图片描述使用graphic属性

在这里插入图片描述

const datas = [
  { value: 1048, name: 'Search Engine' },
  { value: 735, name: 'Direct' },
  { value: 580, name: 'Email' },
  { value: 484, name: 'Union Ads' },
  { value: 300, name: 'Video Ads' },
  { value: 30, name: 'Video Ads1' },
  { value: 36, name: 'hhh Ads1' },
  { value: 100, name: 'llll Ads1' }
];
var dom = document.getElementById('chart-container');
var myChart = echarts.init(dom, null, {
  renderer: 'canvas',
  useDirtyRect: false
});
var app = {};

var option;

option = {
  tooltip: {
    trigger: 'item'
  },

  legend: {
    orient: 'vertical',
    // left: 'right',
    top: &