echarts-イベント - demo1.on（ 'イベントタイプ'、関数（paramsは）{}

 

EChartsは、 'クリック'を含む従来のマウスイベントの種類をサポートし、 'DBLCLICK'、 'mouseDownイベント'、 'mouseMoveイベント'、
'のmouseUp'、 'のmouseOver'、 'マウスアウト'、 'globalout'、 'のcontextMenu'イベント。ここでは、Baiduの検索ページを対応するサンプルヒストグラムを開くクリックするだけで見るのです。

 
 <スクリプトSRC = "https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts-en.common.js"> </ SCRIPT> // 導入オンライン
</ HEAD> 
<BODY> 

  < ID = DIV "DEMO1"スタイル= "幅：600PX;高さ：400ピクセル"> 

   </ div> 
</ BODY> 
  
   <スクリプトタイプ= "テキスト/ JavaScriptを"> // ベースの準備ができて、DOM、インスタンス初期化echarts VAR DEMO1 = echarts.init（のdocument.getElementById（ 'DEMO1' ））; // 指定された構成とデータテーブルのvar =オプション{ 
            タイトル：{ 
                テキスト： 'EChartsは例を起動' 
            }、
            ヒント：{}、
            凡例：{ 
                データ：【 '売上' ] 
            }、
        
        

        
         
            x軸：{
                データ：[ "シャツ"、 "セーター"、 "シフォンシャツ"、 "パンツ"、 "靴"、 "靴下" ] 
            }、
            YAXIS：{}、
            シリーズ：[{ 
                名： '販売' 、
                種類： 'バー' 、
                データ[ 5、20、36、10、10、20れている。] 
            }] 
        }; 

        //は単に指定された構成データ項目を使用して、チャートを表示します。
        demo1.setOption（オプション）; 

        //登録イベント
        demo1.on（「クリック」、機能（のparams）{
           // 横軸インデックス添字は名前に対応としてのparamsは、情報値の多くが含まれて 
          はconsole.log（「クリック」
        }）; 
    
// EChartsは、 'クリック'、 'DBLCLICK'、 'のmouseDown'、 'mouseMoveイベント'、を含む、マウスイベントの従来のタイプをサポートし
// 'のmouseUp'、 'のmouseOver'、 'マウスアウト'、 'globalout'、「のcontextMenu 「イベント。ここでは、Baiduの検索ページを対応するサンプルヒストグラムを開くクリックするだけで見るのです。


  </ SCRIPT>

echarts-イベント - demo1.on（ 'イベントタイプ'、関数（paramsは）{}

おすすめ