차트 색상 조정
This commit is contained in:
@@ -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' } }
|
||||||
]
|
]
|
||||||
|
|||||||
Reference in New Issue
Block a user