水球图
/* 请不要直接cv发布谢谢,至少保证有你自己的东西在里面,一点改动没有,直接cv让人恶心 请不要直接cv发布谢谢,至少保证有你自己的东西在里面,一点改动没有,直接cv让人恶心 请不要直接cv发布谢谢,至少保证有你自己的东西在里面,一点改动没有,直接cv让人恶心 重要的事情说三遍,没有脸的可以直接cv发布哈 */ var option = { backgroundColor: '#050038', title: { text: '', textStyle: { fontWeight: 'normal', fontSize: 25, color: 'rgb(97, 142, 205)', }, }, series: [ { type: 'liquidFill', radius: '45%', center: ['50%', '50%'], data: [0.5, 0.5, 0.5], // data个数代表波浪数 backgroundStyle: { borderWidth: 1, color: 'rgb(255,0,255,0.1)', }, // 修改波浪颜色 // color:['yellow'], 所有波浪一个颜色 // color:['yellow','red','pink'], 每个波浪不同颜色,颜色数组长度为对应的波浪个数 label: { normal: { formatter: (0.5 * 100).toFixed(2) + '%', textStyle: { fontSize: 50, }, }, }, outline: { show: false, }, }, { type: 'pie', center: ['50%', '50%'], radius: ['50%', '52%'], hoverAnimation: false, data: [ { name: '', value: 500, labelLine: { show: false, }, itemStyle: { color: '#5886f0', }, emphasis: { labelLine: { show: false, }, itemStyle: { color: '#5886f0', }, }, }, { //画中间的图标 name: '', value: 4, labelLine: { show: false, }, itemStyle: { color: '#ffffff', normal: { color: '#5886f0', borderColor: '#5886f0', borderWidth: 20, // borderRadius: '100%' }, }, label: { borderRadius: '100%', }, emphasis: { labelLine: { show: false, }, itemStyle: { color: '#5886f0', }, }, }, { // 解决圆点过大后续部分显示明显的问题 name: '', value: 4, labelLine: { show: false, }, itemStyle: { color: '#5886f0', }, emphasis: { labelLine: { show: false, }, itemStyle: { color: '#5886f0', }, }, }, { //画剩余的刻度圆环 name: '', value: 88, itemStyle: { color: '#050038', }, label: { show: false, }, labelLine: { show: false, }, emphasis: { labelLine: { show: false, }, itemStyle: { color: 'rgba(255,255,255,0)', }, }, }, ], }, ], };