Work In Progress
This page is currently under construction. Help out by expanding it.
Any chart from https://echarts.apache.org/examples/en/index.html can be implemented. There are tons of options available as well https://echarts.apache.org/en/option.html#title
Refreshing the page may be needed after editing a Chart.
Gender[]
{
color: ['rgb(31,81,255)', 'rgb(255,71,170)', '#fac858'],
tooltip: {
trigger: 'item',
formatter: '{a} <br>{b}: {c} ({d}%)'
},
legend: {
top: 'auto',
left: 'center',
textStyle: {
color: "#FFFFFF"
}
},
series: [
{
top: "5%",
name: 'Edit Count',
type: 'pie',
radius: ['50%', '80%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: '#fff',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [
{ value: 713, name: 'Male ♂' },
{ value: 104, name: 'Female ♀' },
{ value: 203, name: 'Unspecified Gender' },
]
}
]
}
Eye Color[]
{
color: ['Black', 'Blue', '#533621', '#8B0000', 'Gold', 'Green', 'Grey', '#9d55f7', 'Purple', 'Red', 'Silver', 'Turquoise', 'Yellow'],
tooltip: {
trigger: 'item',
formatter: '{a} <br>{b}: {c} ({d}%)'
},
legend: {
top: '1%',
left: 'center',
textStyle: {
color: "#FFFFFF"
}
},
series: [
{
top: "10%",
name: 'Color Distribution',
type: 'pie',
radius: ['50%', '80%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: '#fff',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [
{ value: 5, name: 'Black Eyes' },
{ value: 14, name: 'Blue Eyes' },
{ value: 45, name: 'Brown Eyes' },
{ value: 6, name: 'Dark Red Eyes' },
{ value: 10, name: 'Gold Eyes' },
{ value: 9, name: 'Green Eyes' },
{ value: 3, name: 'Grey Eyes' },
{ value: 1, name: 'Lavender Eyes' },
{ value: 6, name: 'Purple Eyes' },
{ value: 7, name: 'Red Eyes' },
{ value: 1, name: 'Silver Eyes' },
{ value: 2, name: 'Turquoise Eyes' },
{ value: 2, name: 'Yellow Eyes' },
]
}
]
}
Life Gene[]
{
tooltip: {
trigger: 'item',
formatter: '{a} <br>{b}: {c} ({d}%)'
},
legend: {
top: '1%',
left: 'center',
textStyle: {
color: "#FFFFFF"
}
},
series: [
{
top: "10%",
name: 'Life Gene',
type: 'pie',
radius: ['50%', '80%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: '#fff',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [
{ value: 8, name: 'Life Gene below 10' },
{ value: 7, name: 'Life Gene 10+' },
{ value: 9, name: 'Life Gene 100+' },
{ value: 10, name: 'Life Gene 1000+' },
{ value: 124, name: 'Life Gene 10000+' },
]
}
]
}
Edits (Manual rn)[]
{
tooltip: {
trigger: 'item',
formatter: '{a} <br>{b}: {c} ({d}%)'
},
legend: {
top: 'auto',
left: 'center',
textStyle: {
color: "#FFFFFF"
}
},
series: [
{
top: "5%",
name: 'Gender Distribution',
type: 'pie',
radius: ['50%', '80%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: '#fff',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [
{ value: 10074, name: 'Avenging Angel' },
{ value: 14759, name: 'Peacock Plume' },
{ value: 7340, name: 'UchihaHunter' },
{ value: 3691, name: 'SayhZer' },
{ value: 5594, name: 'Randoms' },
]
}
]
}
Achievement Points (Manual rn)[]
{
tooltip: {
trigger: 'item',
formatter: '{a} <br>{b}: {c} ({d}%)'
},
legend: {
top: 'auto',
left: 'center',
textStyle: {
color: "#FFFFFF"
}
},
series: [
{
top: "5%",
name: 'Achievement Points',
type: 'pie',
radius: ['50%', '80%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: '#fff',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [
{ value: 32240, name: 'Avenging Angel' },
{ value: 3080, name: 'Peacock Plume' },
{ value: 4830, name: 'UchihaHunter' },
{ value: 2920, name: 'SayhZer' },
]
}
]
}
Discord Messages (Manual rn)[]
{
tooltip: {
trigger: 'item',
formatter: '{a} <br>{b}: {c} ({d}%)'
},
legend: {
top: 'auto',
left: 'center',
textStyle: {
color: "#FFFFFF"
}
},
series: [
{
top: "5%",
name: 'Discord Messages',
type: 'pie',
radius: ['50%', '80%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: '#fff',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [
{ value: 3768, name: 'Avenging Angel' },
{ value: 4748, name: 'Peacock Plume' },
{ value: 892, name: 'UchihaHunter' },
{ value: 1114, name: 'SayhZer' },
]
}
]
}