Echarts中legend图形和字体颜色改变

时间:2024-05-18 13:16:52
optiontwo = {
   title : {
       text: '某站点用户访问来源',
       subtext: '纯属虚构',
       x:'center'
   },
   tooltip : {
       trigger: 'item',
       formatter: "{a} <br/>{b} : {c} ({d}%)"
   },
   legend: {
       orient: 'vertical',
       left: 'left',
       data: [
           {
               name:'直接访问',
               icon : 'circle',
               textStyle: {
                    color: 'red'          // 图例文字颜色
               }
           },
           {
               name:'邮件营销',
               icon : 'rect',
               textStyle: {
                    color: '#000'          // 图例文字颜色
               }
           },
           {
               name:'联盟广告',
               icon : 'roundRect',
               textStyle: {
                    color: 'blue'          // 图例文字颜色
               }
           },  
           {
               name:'视频广告',
               icon : 'triangle',
               textStyle: {
                    color: 'blue'          // 图例文字颜色
               }
           },              
           {
               name:'搜索引擎',
               icon : 'diamond',
               textStyle: {
                    color: 'blue'          // 图例文字颜色
               }
           },              
           {
               name:'123',
               icon : 'arrow',
               textStyle: {
                    color: 'blue'          // 图例文字颜色
               }
           },            
           {
               name:'abc',
               icon : 'pin',
               textStyle: {
                    color: 'blue'          // 图例文字颜色
               }
           },            
           {
               name:'efg',
               textStyle: {
                    color: 'blue'          // 图例文字颜色
               },
               icon:'image://./img/pie_1.png'//格式为'image://+icon文件地址',其中image::后的//不能省略
           },       
],            
   },
   series : [
       {
           name: '访问来源',
           type: 'pie',
           radius : '55%',
           center: ['50%', '60%'],
           data:[
               {value:335, name:'直接访问'},
               {value:310, name:'邮件营销'},
               {value:234, name:'联盟广告'},
               {value:135, name:'视频广告'},
               {value:1548, name:'搜索引擎'},
               {value:1548, name:'123'},
               {value:1548, name:'abc'},
               {value:1548, name:'efg'}
           ],
           itemStyle: {
               emphasis: {
                   shadowBlur: 10,
                   shadowOffsetX: 0,
                   shadowColor: 'rgba(0, 0, 0, 0.5)'
               }
           }
       }
   ]

};




Echarts中legend图形和字体颜色改变