77ECharts：車のブランドの運営

`` `HTML：実行
<！DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <タイトル>タイトル</ TITLE> 
    <スタイル> 

    </スタイル> 
    <スクリプトSRC = "https://cdn.bootcss.com/echarts/3.7.1/echarts.js"> </ SCRIPT> 
</ HEAD> 
<BODY> 
の<divのid = "carBrandChartAvgRun"スタイル= "幅：1000px;高さ： 500pxなど; "> </ div> 
<スクリプトタイプ="テキスト/ javascriptの"> 
    VAR myCarBrandAvgRunChart = echarts.init（のdocument.getElementById（ 'carBrandChartAvgRun'））; 
    VaRのoptionCarBrandAvgRun = { 
        タイトル：{ 
            テキスト： "各品牌车辆运营平均情况"、




            トリガー： '軸'、
            axisPointer：{ 
                タイプ： '断面' 
            } 
        }、
        凡例：{ 
            X： '中央'、
            Y '下部'、
            データ：[ '里程（公里）'、 '时间（小时）'] 
        } 、
        計算可能：真、
        グリッド：{ 
            左：3 '％'、
            右：4 '％'、
            トップ： '7％'、
            下： "15％"、
            containLabel：真
        }、
        x軸：[{ 
            たAxisLabel：{ 
                ショー：真、
                回転：-45、
                TEXTSTYLE：{
                    fontFamily： "マイクロソフトエレガントな黒、" 
                    のfontSize：12 
                } 
            }、
            タイプの'カテゴリ'、
            名前： 'ブランド'、
            データ：[ "RESAクレーン"、 "RESAポンプ"、 "ヨーロッパホイ"、「Ollin ""オマル""時間""オーマン「] 
        }]、
        YAXIS：[{ 
            タイプ： '値'、
            名前： '（キロ）' 
        }、{ 
            タイプ： '値'、
            名前： '時間（時間） ' 
        }]、
        シリーズ：[ 
            { 
                名：'（キロ）」、/ *と*関連する凡例凡例/ 
                タイプ： 'バー'
                yAxisIndex：0、/ *座標系* / y軸左
                データ：[69、1152、668、1414、2437、1675と、3154]、
                ItemStyle：{ 
                    ノーマル：{ 
                        色： "グリーン" 
                    } 
                }、
                markPoint：{ 
                    データ：[{YAXIS：69、XAXIS：} "クレーンLISTEN"、
                        {YAXIS：1152 XAXIS：} "ポンピングLISTEN"、
                        { Y軸：668、x軸： "OU-ホイ"}、
                        {YAXIS：1414 XAXIS： "Aoling"}、
                        {YAXIS：2437、XAXIS： "オマル"}、
                        {YAXIS：1675＆、XAXIS： "時間"} 、
                        {YAXIS：3154、XAXIS： "オーマン"} 
                    ] 
                } / *、
             マークライン：{ 
             データ：[{Y軸：69}、
             {YAXIS：1152}、
             {YAXIS：668}、
             {YAXIS：1414}、
             {YAXIS：2437}、
             {YAXIS：1675＆}、
             {YAXIS：3154} 
             ] 
             } * / 
            }、
            { 
                名： '時間（時間）' 、/ * *関連及び凡例凡例/ 
                タイプ： '行'、
                yAxisIndex :. 1、/ *右のy軸座標系* / 
                データ：[131は、51であり、71は、171であり、71は、41であり、111である] 
                ラベル：{ 
                    ノーマル：{ 
                        カラー： "ブラック"、
                        ショー：falseに
                    } 
                }、
                ItemStyle：{
                    正常：{ 
                        色： "ブルー" 
                    } 
                }、
                をlineStyle：{ 
                    正常：{ 
                        色： "黄" 
                    } 
                }、
                markPoint：{ 
                    データ：[{YAXIS：131、XAXISある： "クレーンをLISTEN"}、
                        {YAXIS：41であり、 X軸： "ポンピングLISTEN"}、
                        {YAXIS：111は、x軸： "OU-ホイ"}、
                        {YAXISは：51は、X軸である： "Aoling"}、
                        {YAXIS：71は、x軸である： "オマル"}、
                        {Y軸：171、X軸： "時間"}、
                        {Y軸：71、X軸： "オーマン"}
                    ] 
                } / *、
             マークライン：{ 
             データ：[{Y軸：131}、
             {Y軸：41}、
             {Y軸：111}、
             {Y軸：51}、
             {Y軸：71}、
             {Y軸：171}、
             {Y軸： 71} 
             ] 
             } * / 
            } 
        ] 
    }。
    myCarBrandAvgRunChart.setOption（optionCarBrandAvgRun）。
</スクリプト> 
</ BODY> 
</ HTML> 
`` `
77ECharts：車のブランドの運営

おすすめ
