Toggle navigation
三环
By
谦***逊
2020-08-20 10:45:18
脚本
16
21
作品使用的第三方脚本
数据管理
上传数据
支持小于 5M 任意格式（csv, xlsx, json, xml, ...）的数据文件
上传后可以通过生成的文件链接异步获取托管的数据。
历史数据
0 条
无历史数据
代码修改记录
信息提示
保存作品
对当前截图不满意？你还可以
上传本地截图
重新截图
作品名称
作品描述
标签
geo
grid
legend
markLine
markPoint
bar
effectScatter
line
lines
map
timeline
title
toolbox
tooltip
visualMap
作品默认版本
最新
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
20:11:45
图表已生成
整理代码
刷新
代码
option = { backgroundColor: '#292c33', title: [ // { // text: 'Donut Chart', // x: 'center', // y: 20, // textAlign: 'center', // textStyle: { // fontSize: '30', // fontWeight: '600', // color: '#fff', // textAlign: 'center', // }, // }, { text: '45%', left: '19.5%', top: '47%', textAlign: 'center', textStyle: { fontSize: '12', fontWeight: '600', color: '#0091C8', textAlign: 'center', }, }, { text: '70%', left: '49.5%', top: '47%', textAlign: 'center', textStyle: { fontSize: '12', fontWeight: '600', color: '#0091C8', textAlign: 'center', }, }, { text: '15%', left: '79.5%', top: '47%', textAlign: 'center', textStyle: { fontSize: '12', fontWeight: '600', color: '#0091C8', textAlign: 'center', }, }, { text: '45%', left: '19.5%', top: '75%', textAlign: 'center', textStyle: { fontSize: '12', fontWeight: '600', color: '#ABADB5', textAlign: 'center', }, }, { text: '70%', left: '49.5%', top: '75%', textAlign: 'center', textStyle: { fontSize: '12', fontWeight: '600', color: '#ABADB5', textAlign: 'center', }, }, { text: 'xixi', left: '79.5%', top: '75%', textAlign: 'center', textStyle: { fontSize: '12', fontWeight: '600', color: '#ABADB5', textAlign: 'center', }, } ], series: [{ type: 'pie', radius: ['30%', '33%'], center: ['20%', '50%'], data: [{ hoverOffset: 1, value: 111, name: '水', itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: 'rgb(0,113,200,1)', }, { offset: 1, color: 'rgb(3,221,255,1)', }, ], false ), }, label: { show: false }, labelLine: { normal: { smooth: true, lineStyle: { width: 0 } } }, hoverAnimation: false, }, { label: { show: false }, labelLine: { normal: { smooth: true, lineStyle: { width: 0 } } }, value: 152, hoverAnimation: false, itemStyle: { color: 'rgba(63, 66, 73, .3)', }, } ] }, { type: 'pie', radius: ['35%', '38%'], center: ['20%', '50%'], data: [{ label: { show: false }, labelLine: { normal: { smooth: true, lineStyle: { width: 0 } } }, value: 557, hoverAnimation: false, itemStyle: { color: 'rgba(66, 66, 66, .1)', shadowBlur: 10, shadowColor: 'rgba(253, 249, 20, .3)', }, }] }, { type: 'pie', radius: ['28%', '25%'], center: ['20%', '50%'], data: [{ label: { show: false }, labelLine: { normal: { smooth: true, lineStyle: { width: 0 } } }, value: 55, hoverAnimation: false, itemStyle: { color: 'rgba(66, 66, 66, .1)', shadowBlur: 10, shadowColor: 'rgba(253, 249, 20, .3)', }, }] }, { type: 'pie', radius: ['30%', '33%'], center: ['50%', '50%'], data: [{ hoverOffset: 1, value: 55, name: '虚拟主机', itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: 'rgb(0,113,200,1)', }, { offset: 1, color: 'rgb(3,221,255,1)', }, ], false ), }, label: { show: false }, labelLine: { normal: { smooth: true, lineStyle: { width: 0 } } }, hoverAnimation: false, }, { label: { show: false }, labelLine: { normal: { smooth: true, lineStyle: { width: 0 } } }, value: 55, hoverAnimation: false, itemStyle: { color: 'rgba(232, 85, 63, .2)', }, } ] }, { type: 'pie', radius: ['35%', '38%'], center: ['50%', '50%'], data: [{ label: { show: false }, labelLine: { normal: { smooth: true, lineStyle: { width: 0 } } }, value: 55, hoverAnimation: false, itemStyle: { color: 'rgba(63, 66, 73, .3)', }, }] }, { type: 'pie', radius: ['28%', '25%'], center: ['50%', '50%'], data: [{ label: { show: false }, labelLine: { normal: { smooth: true, lineStyle: { width: 0 } } }, value: 120, hoverAnimation: false, itemStyle: { color: 'rgba(63, 66, 73, .3)', }, }] }, { type: 'pie', radius: ['29%', '34%'], center: ['80%', '50%'], data: [{ hoverOffset: 1, value: 445, name: '虚拟主机', itemStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [{ offset: 0, color: 'rgb(0,113,200,1)', }, { offset: 1, color: 'rgb(3,221,255,1)', }, ], false ), }, label: { show: false }, labelLine: { normal: { smooth: true, lineStyle: { width: 0 } } }, hoverAnimation: false, }, { label: { show: false }, labelLine: { normal: { smooth: true, lineStyle: { width: 0 } } }, value: 80, hoverAnimation: false, itemStyle: { color: 'rgba(89, 180, 157, .2)', }, } ] }, { type: 'pie', radius: ['35%', '38%'], center: ['80%', '50%'], data: [{ label: { show: false }, labelLine: { normal: { smooth: true, lineStyle: { width: 0 } } }, value: 66, hoverAnimation: false, itemStyle: { color: 'rgba(63, 66, 73, .3)', }, }] }, { type: 'pie', radius: ['28%', '25%'], center: ['80%', '50%'], data: [{ label: { show: false }, labelLine: { normal: { smooth: true, lineStyle: { width: 0 } } }, value: 55, hoverAnimation: false, itemStyle: { color: 'rgba(63, 66, 73, .3)', }, }] }, ] };
