チャートを行うにはプラグインechartsを使用して、いくつかの一般的な質問(A) - マルチY軸

シーン:複数のY軸、ビュー比較データの変化を達成するために複数の次元

措置のための:標的配列のセットのY軸複数の、各々が異なるY軸を表す;で直列構成、各必要な構成を有するyAxisIndexは、パラメータセットを変更しない、デフォルト値は0であります

 

コードは以下の通りであります:

VaRの色= [ '#1 5793f3'、 '#1 d14a61'、 '#1 675bba' ]; 
オプション = { 
    色:色、
    ヒント:{ 
        トリガ: '軸' 
        axisPointer:{ 
            タイプ: '断面' 
        } 
    }、
    凡例:{ 
        データ:[ '蒸発'、 '沈殿'、 '平均温度' ] 
    }、
    XAXIS:[ 
        { 
            タイプ: 'カテゴリー' 
            axisTick:{ 
                alignWithLabel:真へ
            }、
            データ["1月"、 "2月"、 "月"、 "4月"、 "月"、 "6月"、 "7月"、 "8月"、 "9月"、月'10」、 '11月、「'12ヶ月] 
        } 
    ]、YAXIS:[ 
        { 
            タイプ:
     '値' 
            名称: '蒸発' 
            最小: 0 
            最大: 250 
            位置: '右' 
            axisLine:{ 
                をlineStyle:{ 
                    色:色[ 0 ] 
                } 
            } 
            たAxisLabel。{ 
                フォーマッタ: '{値}ミリリットル' 
            }
        }、
        { 
            タイプ: '値' 
            名称: '降水量' 
            最小: 0 
            最大: 250 
            位置: '右' 
            オフセット: 80 
            axisLine:{ 
                をlineStyle:{ 
                    色:色[ 1 ] 
                } 
            } 
            たAxisLabel:{ 
                フォーマッタ: '{値}ミリリットル' 
            } 
        }、
        { 
            タイプ:'値'
            名称: '温度' 
            最小: 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