地域と折れ線グラフecharts-

 

試験アドレスHTTPS：// gallery.echartsjs.com/editor.html?c=x6p5SsIEzt 


VAR listn = '高温' ;
 VARユニット= '゜C'; // ユニット
VARtimeArray = [ "20時00"、 "20時05分"、 "20時10分"、 "20時15"、 "午後08時20分"、 "午後08時25分"、 "20時半"、 "20時35分" 、 "午後08時40分"、 "20時45"、 "20：50"、 "20時55"、 "夜9時"、 "21：05"、 "午後9時10"、 "21時15分"、 " 21時20" 、 "21：25"、 "21時30"、 "午前21時35分"、 "21：40"、 "21時45"、 "21：50"、 "21時55"、「22： 00" 、 "22時05分"、 "午前22時10分"、 "午後10時15"、 "午後09時20分"、 "22時25分"、 "22：30"、 "22時35"、 "午後10時40分" 、 "午前22時45分"、 "22時50分"、 "22：55"、 "23時"、 "23：05"、 "夜11時10分"、 "午後11時15分"、 "午後十一時20分"、 " 23時25" 分、 "午前23時30"、 "夜11時35分"、「23：40" 、 "23：45"、 "夜11時50分"、 "23：55"、 "0時"、 "午前0時05分"、 "0時10分"、 "夜12時15分"、 "午前0時20分" 、 "0時25"、 "0時30分"、 "0時35分"、 "夜12時40分"、 "0時45分"、 "午前0時50分"、 "午後12時55分"、 "1時00分"、 "午前1時05" 分、 "1時10分"、 "1時15分"、 "午前1時20分"、 "午前1時25分"、 "午前1時30分"、 "1時35分"、 "1時40"、「01： 45" 、 "1時50分"、 "1時55分"、 "2時00分"、 "2：05"、 "午前2時10分"、 "2：15"、 "2時20分"、 "2時25分" 、 "2時30分"、 "2時35分"、 "2：40"、 "午前2時45分"、 "2時50分"、 "2時55分"、 "3時00"、 "3時05分"、 "午前3時10" 、 "3：15"、 "3時20分"、「03：25" 、 "3時30"、 "3時35分"、 "3：40"、 "午前3時45分"、 "3時50分"、 "三時55分"、 "4時00分"、 "4：05" 、 "4時10分"、 "4時15分"];// 时间
VAR dataArray = "7.2"、 "7.6"、 "7.4"、 "7.1"、 "6.7"、 "6.4"、 "6.3"、 "6.3"、 "6.0"、 "6.0"、 "6.0" 、 "6.0"、 "6.0"、 "6.5"、 "6.5"、 "6.5"、 "6.5"、 "6.5"、 "6.5"、 "6.5"、 "6.5"、 "6.5"、 "6.5"、 " 6.5" 、 "6.5"、 "6.8"、 "6.7"、 "6.7"、 "6.6"、 "6.5"、 "6.5"、 "6.5"、 "6.5"、 "6.5"、 "6.5"、 "6.5" 、 "6.4"、 "6.4"、 "6.4"、 "6.4"、 "6.3"、 "6.0"、 "5.8"、 "5.5"、 "5.3"、 "5.1"、 "5.1"、"5.1"、 "5.1"、 "5.2"、 "5.2"、 "5.2"、 "5.2"、 "5.2"、 "5.2"、 "5.2"、 "5.2"、 "5.2"、 "5.2"、「5.2 」、 "5.2"、 "5.3"、 "5.2"、 "4.9"、 "4.8"、 "4.4"、 "4.0"、 "3.9"、 "3.9"、 "3.9"、 "3.9"、 "3.9"、 "3.9"、 "3.5"、 "3.2"、 "2.9"、 "2.5"、 "2.1"、 "1.9"、 "1.8"、 "1.6"、 "1.5"、 "1.4"、 "1.4"、「1.4 」、 "1.4"、 "1.3"、 "1.1"、 "1.1"、 "1.0"、 "0.8"、 "0.5"、 "0.4"、 "0.4"、 "0.4"、 "0.4"、 "0.4"、 「0。6" 、 "0.6"、 "0.6"]; // データ

オプション = {
     backgroundColorの： '＃000'、// 背景色
     
     タイトル：{ 
          左： 'センター' 、
          テキスト： 'ジョブ番号のロボット' 、
          TEXTSTYLE：{ 
              色： '#FFF' // タイトルの色
          } 
     }、
    
    ツールヒント：{ 
        トリガー： "軸、
        フォーマッタ：（ '<brの/> {B} {A}：{C} + ユニット）
    }、

    dataZoom：{ 
        底： '0' 、
         開始： 10は、// パーセントの窓範囲を開始します 
         終了：30、  // データウィンドウの割合の範囲の終わり
           handleSize： "50％" 、
        dataBackground：{ 
            をlineStyle：{ 
                色： '＃1 02C2FF' 
            }、
            areaStyle：{ 
                色： 'RGBA（2,194,255,1）' 
            } 
        }、
        BORDERCOLOR： 'RGBA（2,194,255,0.2）' 、
        TEXTSTYLE。 { 
            色： '＃1 02C2FF' 、
        } 
    }、
    
    
    x軸：[{ 
        タイプ： 'カテゴリー' 、
        boundaryGap：偽、
        
        axisLine：{ 
            ショー：真、
            をlineStyle：{ 
                 色： 'RGBA（2,194,255,0.2）' // その色のラインを横軸
            } 
         } 
         
         たAxisLabel：{ 
            TEXTSTYLE：{ 
                 色： '＃1 02C2FF'、// 色横軸フィールド名
                // 色"赤" 
                のfontSize：12は、
                余白： 15 、
            } 
        }、
        axisTick：{表示：falseに、}、
        データ：timeArray 
    }]、
    
    
    YAXIS：[{ 
        タイプ： '値' 、
         
        分割線：{
            表示：trueに、
            をlineStyle：{ 
                 色： 'RGBA（2,194,255,0.2）'、// 線の色を分割横軸
            
            } 
        }、
        
        axisLine：{ショー：falseに、} 
        たAxisLabel：{ 
             マージン： 6 、
            TEXTSTYLE：{ 
                色： ' ＃1 02C2FF ' 
            }、
            フォーマッタ：（ ' {値} '+ ユニット）
        }、
        axisTick：{表示：falseに、}、
        データ：[ ' 0 ' '4'、 '8'、' 12、 '16'であり、 '20'] 
    }]、
    
    シリーズ：[{ 
        名：listN、
        タイプ： '行' 、
           シンボル： '円' 、
        symbolSize： 4 、
        をlineStyle：{ 
            正常：{ 
                不透明度： 0 
            } 
        }、
        
        itemStyle：{ 
            色： '#FFFFFF' 
        }、
        
        areaStyle：{ // 区域填充样式
            正常：{ 
                色：新しい echarts.graphic.LinearGradient（0、0、0、1 、[ 
                   {オフセット： 0、色： 'RGBA（2,194,255,1）'}、 // 上部領域
                   オフセット{：0.7、色： '（2,194,255,0.6）RGBA'} // 下側の領域 
                ]、偽に）
            } 
        }、
        
        データ：dataArrayです
    ]} 
}。