차트를 할 플러그인 echarts를 사용하여 몇 가지 일반적인 질문의 (a) - 멀티 Y 축

장면 : 복수의 Y 축은, 상기 복수의 차원 뷰 비교 데이터의 변화를 달성

치에 대한 타겟 어레이의 세트 y 축에 복수의 다른 Y 축 각각 표현]에서 직렬 각 필수 구성으로 구성을 yAxisIndex는 , 파라미터 세트를 변경하지 않고, 디폴트는 0이다

 

다음과 같이 코드입니다 :

var에 색상 = [ '#의 5793f3', '#의 d14a61', '#의 675bba' ] 
옵션 = { 
    색상 : 색상, 
    도구 설명 : { 
        트리거 : '축' , 
        axisPointer : { 
            유형 : '크로스' 
        } 
    } 
    설명 : { 
        데이터 [ '증착', '석출', '평균 온도' ] 
    } 
    x 축 : [ 
        { 
            유형 : '장르' , 
            axisTick { 
                alignWithLabel : 참으로 
            } 
            데이터 :「January」, 「February」등, "월", "4월", "월", "6월", "7월", "8월", "9월"월 '10 ' '11 월 ', '12 개월 ] 
        } 
    ], y 축 : [ 
        { 
            유형 :
     '값 ' , 
            이름 : '증착 ' , 
            최소 : 0 , 
            최대 : 250 , 
            총수 : '오른쪽 ' , 
            axisLine { 
                , 이는 linestyle { 
                    색상 : 색상 [ 0 ] 
                } 
            } 
            된 AxisLabel :{ 
                포맷터 : "{} mL의 값 ' 
            }
        }, 
        { 
            유형 : '값' , 
            이름 : '降水量' , 
            최소 : 0 , 
            최대 : 250 , 
            총수 : '오른쪽' , 
            오프셋 : 80 , 
            axisLine을 { 
                을 lineStyle { 
                    색상 : 색 [ 1 ] 
                } 
            } 
            된 AxisLabel { 
                포맷터 : "{} mL의 값" 
            } 
        }, 
        { 
            유형 :'값' ,, 
            이름 : '温度' , 
            최소 : 0 , 
            최대 : 25 , 
            총수 : '왼쪽' , 
            axisLine { 
                을 lineStyle { 
                    색상 : 색 [ 2 ] 
                } 
            } 
            된 AxisLabel { 
                포맷터 : '{값} C °' 
            } 
        } 
    ] 
    시리즈 [ 
        { 
            이름 : '蒸发量' , 
            형식 : "바" 
            데이터 :2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3 ] 
        }, 
        { 
            이름 : '침전' , 
            형식 : "바" ,
             yAxisIndex : . 1 , 
            데이터 [ 2.6, 5.9 , 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3 ] 
        }, 
        { 
            이름 : '평균 온도' , 
            유형 : '라인' ,
             yAxisIndex : 2 , 
            자료 : [ 2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2 
    ] ]
        } 
};

 

추천

출처www.cnblogs.com/juicy-initial/p/11540959.html