echarts 饼状图legend数据显示

摘要:
选项={title:{text:“”},颜色:['#FE7E00','#FEC400','#22FFACE'],工具提示:{},合法:{icon:“circle”,//字段控件形状类型包括circle、rect、line、roundRect、triangle、diamond、pin、arrow、none itemWidth:10,//设置宽度
option = {
    title: {
        text: ''
    },
    color:['#FE7E00','#FEC400','#22DACE'],
    tooltip: {},
    legend: {
  icon: "circle",   //  字段控制形状  类型包括 circle,rect,line,roundRect,triangle,diamond,pin,arrow,none
      itemWidth: 10,  // 设置宽度
      itemHeight: 10, // 设置高度
      itemGap: 40 // 设置间距
       x : '46%',
        y : '28%',
        orient : 'vertical',
        data:['aa','bb','cc'],
        formatter: function(name) {
                                var index = 0;
                                var clientlabels = ['aa','bb','cc'];
                                var clientcounts = [9,1,10];
                                clientlabels.forEach(function(value,i){
                                    if(value == name){
                                        index = i;
                                    }
                                });
                                return name + "  " + clientcounts[index];
                            }
    },
 
    calculable : false,
    series: [{
 
        name: 'myCharts',
        type: 'pie',
       radius : '50%',
        center: ['25%', '47%'],
        startAngle:90,  //开始 的旋转角度
 
        itemStyle: {
            normal: {
                label: {
                    show: false,
                    position: 'inner'
 
                },
                labelLine: {
                    show: false,
                }
            }
        },
        data: [
            {value:800, name:'aa'},
            {value:300, name:'bb'},
             {value:200, name:'cc'},
        ]
 
    }
   ]
  }
  

  

免责声明:文章转载自《echarts 饼状图legend数据显示》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇(转帖)几种PCB设计工具的比较(PCB)AD10长方形通孔焊盘的画法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

数据可视化之PowerQuery篇(九)巧用Power Query,Excel也可以轻松管理文档

https://zhuanlan.zhihu.com/p/111674088 ​来自知乎一个朋友的问题,如何在Excel中批量插入文件的超链接,以便在Excel中对文档进行有序的目录管理? 这个问题的方法很多,这里给出一个简便且高效的方法,利用Power Query。   假设需要管理的文档存放于三个文件夹中,   每个文件夹中有4个文件,   下面就...

kinect学习笔记(三)——深度数据的提取

一、创建Console工程 二、添加kinect引用 里面用引用,打开后 选择然后OK。 三、编写代码(有附加注释) using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Task...

数据库(DB)

1.定义: 存放数据的仓库,按照数据结构来组织、存储和管理数据的仓库 2.数据库类型 1.关系型数据库: 以表的形式存储数据,表与表之间有很多复杂的关联关系。关系型数据库遵循结构化查询语言SQL标准和ACID原则。常见的关系型数据库有MySQL,SQLServer,Oracle等 2.非关系型数据库 NoSQL,Not Only SQL:是分布式、非关系型...

CUSPARSE 第三章 CUSPARAE索引和数据格式

(纯属自学笔记,部分翻译,不会翻译的不翻译) 3.1 索引基本格式       该函数库支持 zero- and one-based 索引. The index base 是通过 cusparseIndexBase_t 选择, 且是一个独立参数,或者是矩阵形容器 cusparseMatDescr_t type的一部分 3.2 向量格式      略 3.3...

【SQL server初级】数据库性能优化二:数据库表优化

数据库优化包含以下三部分,数据库自身的优化,数据库表优化,程序操作优化.此文为第二部分   数据库性能优化二:数据库表优化   优化①:设计规范化表,消除数据冗余   数据库范式是确保数据库结构合理,满足各种查询需要、避免数据库操作异常的数据库设计方式。满足范式要求的表,称为规范化表,范式产生于20世纪70年代初,一般表设计满足前三范式就可以,在这里简单...

重磅!阿里云时空数据库正式免费公测

目前随着移动互联网和物联网的广泛应用,90%以上的数据是和时间+空间相关的,而越来越多的数据应用场景与时间和空间信息密不可分。时间+空间维度的数据(我们称之为时空数据)是一种高维数据,需要更为高效的数据处理方式来处理,而普通的关系型数据库更适合于存储数值和字符类型数据,也缺少相关的时空算子。在实际应用场景上例如传感器网络、移动互联网、射频识别、全球定位系统...