【Echarts】echarts双圆环实现,外圆环做背景色

编程入门 行业动态 更新时间:2024-10-05 23:22:11

【Echarts】echarts双<a href=https://www.elefans.com/category/jswz/34/1727859.html style=圆环实现,外圆环做背景色"/>

【Echarts】echarts双圆环实现,外圆环做背景色

  let seriesData1 = [{ value: 12, name: '连续降雨14天' },{ value: 34, name: '夏连续降雨14天' },{ value: 23, name: '秋连续降雨14天' },{ value: 12, name: '1冬连续降雨14天' },{ value: 12, name: '2冬连续降雨14天' },{ value: 12, name: '3冬连续降雨14天' },{ value: 12, name: '4冬连续降雨14天' }];this.gwhjDayChart = {tooltip: {trigger: 'item',backgroundColor: '#fff',textStyle: {color: '#666',fontSize: 14,lineHeight: 16},confine: true,formatter:'{a} <br/><span style="font-size:12px" >{b} : {c} ({d}%)</span>'},series: [{name: name || '',type: 'pie',silent: true,label: {normal: {show: false}},radius: ['0%', '80%'], // 半径center: ['50%', '48%'], // 位置color: new (echarts as any).graphic.RadialGradient(0.5,0.5,0.9,[{ offset: 0, color: '#fff' },{offset: 1,color: 'rgba(18,137,223,0.5)'}]),data:seriesData1.length > 0? [{ value: 0, name: '闭环' }]: []},{name: name || '',type: 'pie',radius: ['30%', '50%'], // 半径center: ['50%', '48%'], // 位置label: {normal: {formatter: '{b}'}},color:AccidentEportraitAnalysisComponent.colors,data: seriesData1,itemStyle: {emphasis: {shadowBlur: 10,shadowOffsetX: 0,shadowColor: 'rgba(0, 0, 0, 0.5)'}}}]};

更多推荐

【Echarts】echarts双圆环实现,外圆环做背景色

本文发布于:2024-02-13 21:03:37,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1760526.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:圆环   背景色   Echarts   echarts

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!