学校の学習コンテンツの第3週

 

今週の先生はとても主に上記echartsで、今週の学習、ヒストグラムの確認流行の数の全国解析を配置し、

時間echartsについて始まる私は理解していない、または時間のさえも初めは、私は完全なヒストグラムに、私はちょうど行くためにデータベース・インタフェースに渡された値を知りたいのか分からない。その後、百度と兄を求めた後、私が知っている、検索、およびechartsとの接触に入って来ました。

コードのノック時間:残りのechartsの一部を除いて水曜日の午後にクラスの後、クラスで過ごした2つのクラスは、週のどの他の枝、echartsを実装ノックと書き込みに学習、木曜日の朝、その後完成されており、作品の多くは、一般的には、コード、および多くの学習時間、来週には、コードの彼らの他の科目との楽しい時間を割り当てるためにという希望。

 

私はechartsについて学びました

図1に示すように、最初に導入echarts.min.js、<SCRIPT SRC = "echarts.min.js" > </ SCRIPT> 

EChartsが高いDOMコンテナと幅調製するため2、<DIV ID = "メイン" スタイル= " 600PX ; 高さ400ピクセル; " > </ div> 

3、EChartsライブラリJSON形式の設定。EChartsだけでJSONを使用することができます。

    echarts init 文書getElementByIdを'メイン' ))。setOptionをオプション)。

。4、XAXIS:{
              タイプ: 'カテゴリー'}、
             YAXIS:{}、//アイテム軸示す外形

図5に示すように、型によって独自のグラフの種類を決定するために各シリーズ。

  • タイプ:「バー」:円柱/バー
  • タイプ:「行」:ポリライン/エリア図。
  • タイプ:「パイ」:パイ
  •  シリーズ:[
                     {
                       名:「確認個数」、
                         タイプ:「バー」、
                         エンコードは:{
                             //「量」の列をX軸にマッピングされます。
                             X:「部門」、
                             //「製品」列がY軸にマッピングされています。
                             Y: '診断の数'
                         }
                     }]

 

おすすめ

転載: www.cnblogs.com/1234yyf/p/12436428.html
おすすめ