차트 색상 조정

This commit is contained in:
eastargh
2026-09-02 14:16:17 +09:00
parent 1ac84f2f92
commit 536151a737
5 changed files with 12 additions and 5 deletions
@@ -70,6 +70,7 @@
// 총건수 도넛 차트 // 총건수 도넛 차트
var totalDonutOption = { var totalDonutOption = {
color: ['#5470C6', '#FAC858', '#EE6666'],
title: { title: {
text: '총 건수 분포', text: '총 건수 분포',
left: 'center', left: 'center',
@@ -111,7 +112,7 @@
show: true show: true
}, },
data: [ data: [
{ value: 0, name: '성공', itemStyle: { color: '#91CC75' } }, { value: 0, name: '성공', itemStyle: { color: '#5470C6' } },
{ value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } }, { value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } },
{ value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } } { value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } }
] ]
@@ -71,6 +71,7 @@
// 총건수 도넛 차트 // 총건수 도넛 차트
var totalDonutOption = { var totalDonutOption = {
color: ['#5470C6', '#FAC858', '#EE6666'],
title: { title: {
text: '총 건수 분포', text: '총 건수 분포',
left: 'center', left: 'center',
@@ -112,7 +113,7 @@
show: true show: true
}, },
data: [ data: [
{ value: 0, name: '성공', itemStyle: { color: '#91CC75' } }, { value: 0, name: '성공', itemStyle: { color: '#5470C6' } },
{ value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } }, { value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } },
{ value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } } { value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } }
] ]
@@ -63,6 +63,9 @@
// 총건수 도넛 차트 // 총건수 도넛 차트
var totalDonutOption = { var totalDonutOption = {
// updateCharts()에서 series[].data를 itemStyle 없이 재설정하면 조각별 itemStyle.color가
// 병합 과정에서 유실되므로, 옵션 레벨 color 팔레트(성공/Timeout/시스템오류 순)로 색을 고정한다.
color: ['#5470C6', '#FAC858', '#EE6666'],
title: { title: {
text: '총 건수 분포', text: '총 건수 분포',
left: 'center', left: 'center',
@@ -104,7 +107,7 @@
show: true show: true
}, },
data: [ data: [
{ value: 0, name: '성공', itemStyle: { color: '#91CC75' } }, { value: 0, name: '성공', itemStyle: { color: '#5470C6' } },
{ value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } }, { value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } },
{ value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } } { value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } }
] ]
@@ -58,6 +58,7 @@
// 총건수 도넛 차트 // 총건수 도넛 차트
var totalDonutOption = { var totalDonutOption = {
color: ['#5470C6', '#FAC858', '#EE6666'],
title: { title: {
text: '총 건수 분포', text: '총 건수 분포',
left: 'center', left: 'center',
@@ -99,7 +100,7 @@
show: true show: true
}, },
data: [ data: [
{ value: 0, name: '성공', itemStyle: { color: '#91CC75' } }, { value: 0, name: '성공', itemStyle: { color: '#5470C6' } },
{ value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } }, { value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } },
{ value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } } { value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } }
] ]
@@ -58,6 +58,7 @@
// 총건수 도넛 차트 // 총건수 도넛 차트
var totalDonutOption = { var totalDonutOption = {
color: ['#5470C6', '#FAC858', '#EE6666'],
title: { title: {
text: '총 건수 분포', text: '총 건수 분포',
left: 'center', left: 'center',
@@ -99,7 +100,7 @@
show: true show: true
}, },
data: [ data: [
{ value: 0, name: '성공', itemStyle: { color: '#91CC75' } }, { value: 0, name: '성공', itemStyle: { color: '#5470C6' } },
{ value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } }, { value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } },
{ value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } } { value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } }
] ]