Toggle navigation
TEST
By
o***趣
2020-09-25 02:28:16
脚本
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: "#090e36", tooltip: { trigger: 'item', formatter: "{b} : {c}$ ({d}%)" }, legend: { show: false }, calculable: true, series: [{ type: 'pie', startAngle: 0, clockwise: false, radius: ["25%", "90%"], center: ['50%', '50%'], roseType: 'area', avoidLabelOverlap: false, label: { show: true, position: 'inside', formatter: '{c}$', textStyle: { fontWeight: '100', fontFamily: 'Microsoft YaHei', color: '#FAFAFA', }, }, data: [{ value: 125, name: 'A', itemStyle: { borderColor: '#FAE927', borderWidth: 2, shadowBlur: 10, shadowColor: "#FAE927", color: 'rgba(60,170,211,0.05)' } }, { value: 120, name: 'A', itemStyle: { borderColor: '#E9E416', borderWidth: 2, shadowBlur: 10, shadowColor: "#E9E416", color: 'rgba(60,170,211,0.05)' } }, { value: 115, name: 'A', itemStyle: { borderColor: '#C9DA36', borderWidth: 2, shadowBlur: 10, shadowColor: "#C9DA36", color: 'rgba(60,170,211,0.05)' } }, { value: 110, name: 'A', itemStyle: { borderColor: '#9ECB3C', borderWidth: 2, shadowBlur: 10, shadowColor: "#9ECB3C", color: 'rgba(60,170,211,0.05)' } }, { value: 105, name: 'A', itemStyle: { borderColor: '#6DBC49', borderWidth: 2, shadowBlur: 10, shadowColor: "#6DBC49", color: 'rgba(60,170,211,0.05)' } }, { value: 100, name: 'A', itemStyle: { borderColor: '#37B44E', borderWidth: 2, shadowBlur: 10, shadowColor: "#37B44E", color: 'rgba(60,170,211,0.05)' } }, { value: 95, name: 'A', itemStyle: { borderColor: '#3DBA78', borderWidth: 2, shadowBlur: 10, shadowColor: "#3DBA78", color: 'rgba(60,170,211,0.05)' } }, { value: 90, name: 'A', itemStyle: { borderColor: '#14ADCF', borderWidth: 2, shadowBlur: 10, shadowColor: "#14ADCF", color: 'rgba(60,170,211,0.05)' } }, { value: 85, name: 'A', itemStyle: { borderColor: '#209AC9', borderWidth: 2, shadowBlur: 10, shadowColor: "#209AC9", color: 'rgba(60,170,211,0.05)' } }, { value: 80, name: 'A', itemStyle: { borderColor: '#1E91CA', borderWidth: 2, shadowBlur: 10, shadowColor: "#1E91CA", color: 'rgba(60,170,211,0.05)' } }, { value: 75, name: 'A', itemStyle: { borderColor: '#2C6BA0', borderWidth: 2, shadowBlur: 10, shadowColor: "#2C6BA0", color: 'rgba(60,170,211,0.05)' } }, { value: 70, name: 'B', itemStyle: { borderColor: '#2B55A1', borderWidth: 2, shadowBlur: 10, shadowColor: "#2B55A1", color: 'rgba(60,170,211,0.05)' } }, { value: 65, name: 'C', itemStyle: { borderColor: '#2D3D8E', borderWidth: 2, shadowBlur: 10, shadowColor: "#2D3D8E", color: 'rgba(60,170,211,0.05)' } }, { value: 60, name: 'D', itemStyle: { borderColor: '#44388E', borderWidth: 2, shadowBlur: 10, shadowColor: "#44388E", color: 'rgba(60,170,211,0.05)' } }, { value: 55, name: 'E', itemStyle: { borderColor: '#6A368B', borderWidth: 2, shadowBlur: 10, shadowColor: "#6A368B", color: 'rgba(60,170,211,0.05)' } }, { value: 50, name: 'F', itemStyle: { borderColor: '#7D3990', borderWidth: 2, shadowBlur: 10, shadowColor: "#7D3990", color: 'rgba(60,170,211,0.05)' } } ] }, { type: 'pie', radius: ["24%", "23%"], data: [100], center: ['50%', '50%'], itemStyle: { normal: { color: 'rgba(255,255,255,0.3)', } }, hoverAnimation: false, label: { show: false, } }, { type: 'pie', radius: ["22%", "21.5%"], data: [100], center: ['50%', '50%'], color: 'rgba(255,255,255,0.3)', hoverAnimation: false, label: { show: false, } }, ] }
