두 개의 yAxis (배열)를 정의합니다. 하나는 세로 막 대형 차트 용이고 다른 하나는 선형 차트 용입니다.
세로 막 대형 차트는 최대 값 : 세로 막 대형 차트 * 2의 최대 값을 제공합니다.
선 그래프는 최소값 : 선 그래프의 최대 값-((선 그래프의 최대 값-선 그래프의 최소값) * 2)
구체적인 코드는 다음과 같습니다.
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: [
{
type: 'value',
max: (value) => value.max*2,
},
{
type: 'value',
min: (value) => value.max - ((value.max - value.min) * 2),
max: (value) => value.max,
}
],
series: [
{
data: [335, 230, 224, 218, 135, 147, 660],
type: 'bar',
yAxisIndex: 0
},
{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'line',
yAxisIndex: 1
}
]
};
효과: