echart 饼图和柱形图 legend属性用富文本，版本低，会不生效

最终效果

echart一开始我用的版本是4.4.0，怎么改都不生效，然后把版本升级到5.2.1，就生效了

主要改leng里就可以了

option = {tooltip: {trigger: 'item',formatter: '{a} <br/>{b} : {c} ({d}%)'},legend: {left: 'center',align: "left",bottom: '-5',itemWidth:0,itemHeight:0,formatter: function (name) {return ['{a|'+name+'}'].join('\n');},textStyle: {//rich放在textStyle里面rich: {a: {color: '#fff',lineHeight: 15,padding:[5,15,5,15],backgroundColor:[],borderRadius:15,},}}},series: [{name: 'Access From',type: 'pie',radius: '50%',center : ['50%', '60%'],itemStyle: {emphasis: {shadowBlur: 10,shadowOffsetX: 0,shadowColor: 'rgba(0, 0, 0, 0.5)'},normal:{ label:{ show: true, formatter: '{b}  \n  {c} {d}%' ,// formatter: '{b}: {c}' ,// formatter:function (name) {//   var res = "{a|●}"+name.name+ ':'+name.value+"{b|}"+'\n'+"{c|}"+name.percent+'%';//   return res;// },rich: {a: {fontSize:16,lineHeight: 10,padding:[0,5,0,0],},b: {padding:[0,5,0,0]},c: {padding:[0,5,0,5]},}, }, labelLine :{show:true,smooth :false,minTurnAngle:10,// length2:20,} } },data: [{name:"综艺",value:"115"},{name:"电影",value:"105"},{name:"电视剧",value:"33"},]}]
}
;

但是同样的方法，改折线图，不行，我在官网编辑的也不行，但是用backgroundColor:"#ccc”,就可以，但是我想要的是每个的背景色不一样的

echart 饼图和柱形图 legend属性用富文本，版本低，会不生效相关推荐

使用富文本OHAttributedLabel
OHAttributedLabel 富文本标签 https://github.com/AliSoftware/OHAttributedLabel 以下是我渲染出来的效果 OHAttributedLab ...
label mpchart 饼图_运用matplotlib绘制折线图、散点图、饼图、柱形图的定义代码以及案例详解...
从导入数据开始这里我们有一个现成的数据表包,现在我们所处环境是pycharm,安装环境是annaconda3环境,我们将通过这个数据表包来进行数据分析,运用matplotlib绘制折线图.散点图.饼 ...
关于echart 饼图显示不出来挖坑总结
关于echart 饼图显示不出来挖坑总结近来公司的移动端app,作业页面,从后台接口返回的是:老师布置一次作业的所有题目信息,在app页面除了展示题目信息之外,还需要统计A\B\C\D,正确\错误 ...
Echart饼图-圆形图修改重新绘制
首先看看默认效果: 代码如下: option = {tooltip: {trigger: 'item'},legend: {top: '5%',left: 'center'},series: [{na ...
vue使用富文本插件vue elemnt-tiptap和vue-quill-editor
这两天由于项目要实现新闻发布的功能,所以上github和gitee找了一些项目,发现都是用富文本插件编译成html来实现功能.经过尝试和寻找,我使用了vue elemnt-tiptap和vue-qui ...
Echarts legend属性使用
Echarts的legend属性是对图例组件的相关配置而legend就是Echarts图表中对图形的解释部分: 其中legend自身常用的配置属性如下: orient 设置图例的朝向属性值: ve ...
杨老师教你学会使用富文本编辑器KindEditor之添加页面设计
2018-12-06 进行整理本篇文章,主要是解决如何引入富文本编辑器的使用 2019-06-18 进行了二次完善,解决了富文本编辑器的图片上传和附件上传问题本篇文章进行二次更新操作,完善了上传图片 ...
使用富文本编辑器wangEditor完成图片文件的上传
项目中一些特定的功能可能需要在页面中用到富文本编辑器来实现文件的输入上传等等,在这里用wangEditor来实现使用富文本编辑器进行文件图面的输入和上传保存,这里wangEditor也可以参考wang ...
富文本生成静态html,如何更加安全快速的使用富文本编辑器
众所周知,富文本编辑器是目前用途广泛的前端插件,它可以直接编辑并保存多样化的文本格式.适用于论坛留言,简单文章发布,自定义静态页面等.本文简单对一种安全使用富文本编辑器的方法进行介绍.文章实例文章使 ...

echart 饼图和柱形图 legend属性用富文本，版本低，会不生效

echart 饼图和柱形图 legend属性用富文本，版本低，会不生效相关推荐

最新文章

热门文章