Echarts- 饼图透明色效果图

效果图：

直接上代码：

option = {title: {text: '75',textStyle: {color: '#01c4a3',fontSize: 16},subtext: '总分',subtextStyle: {color: '#909090',fontSize: 16},itemGap: 5, // 主副标题距离left: 'center',top: 'center'},series: [{name: '已录入',type: 'pie',radius: ['75%', '85%'],center : ['50%', '50%'],avoidLabelOverlap: false,hoverAnimation:false,label: {show: false,position: 'center',color: '#884FEA',formatter:'{c}% \n{b}',textStyle: {color: '#884FEA',fontSize:'16',fontWeight:'400',align:'center'}},data: [{value: 45,name: '111',label:{normal:{show:false,position: 'center',color:'#000',formatter:'{b}',},},itemStyle: {normal: {color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 0,color:'rgba(182, 151, 249, 1)'}, {offset: 1,color:'rgba(127, 94, 240, 1)'}])}}},{value: 100,name: '已录入',itemStyle:{normal: {color: 'rgba(136, 79, 234, 0.1)',label: {show: false},labelLine: {show: false}},emphasis: {color: '#393d50'}}}]}]};

Echarts- 饼图透明色效果图相关推荐

ECharts饼图实例
ECharts饼图实例 1.引入jQuery的js文件 2.引入echarts的js文件 test.html页面 <!DOCTYPE html PUBLIC "-//W3C//DTD ...
Echarts 饼图视觉引导线隐藏和显示
由于饼图的数据过多,文字比较密集所以决定对数量超过10的数据隐藏其视觉引导线.直接上代码 var arr1=[{value: "10", name: "资金运用" ...
Echarts饼图之数据展示
Echarts饼图之数据展示 1.组件简介 ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,C ...
echarts饼图显示占比(内部和外部显示百分比设置)
1.效果图: 2.代码: series: [{name: '产量',type: 'pie',center: ['22%', '50%'],radius: ['0', '82%'],avoidLabel ...
ECharts饼图常见效果
本文记录一些平时常见的饼图的效果图及代码,需要时方便直接套用.本文只列出echarts的配置项代码,不了解echarts的使用方法可查看官方文档. 基础饼图.选中高亮效果图: 配置项: option ...
echart饼图标签重叠_怎么让ECharts饼图的label标签不重叠?
1.怎么让ECharts饼图的label标签不重叠? 使用ECharts饼图,如果有的项目占比很小,饼图所占空间也比较小的时候,会出现label标签重叠.标签被截断的情况(图1). 可以通过设置rad ...
echarts饼图直观显示数值最实用的方式
默认:echarts饼图直接显示数值(如图无需光标悬空触发) var optionOne = { title : { text ...
echarts饼图自动显示数据
在做echarts饼图的时候,默认是不显示数据,现在要直接把数据显示在上面,代码如下: series: [{name: '处理状态',type: 'pie',radius: ['50%', '70%' ...
ECharts 饼图数据放在饼图内部显示
1.业务需求将数据显示在饼图内部,格式化百分比显示,鼠标放上去显示具体名称和数值原样式如下 2.业务实现调整代码如下,核心语句已标记注释 option = {title: {text: 'Ref ...
ECharts 饼图切换数据源bug 开始没数据显示切换或刷新后显示
1.出现问题原因一个饼图,右上方两个按钮分别为今天和本月,分别调用不同接口控制,点击则调用不同接口同时饼图绑定数据源刷新:出现此问题原因点击今日按钮有一个饼图区域形没有数据不显示,对应数据值比例都没 ...

Echarts- 饼图透明色效果图

Echarts- 饼图透明色效果图相关推荐

最新文章

热门文章