メインで
'要素-UI' から//インポートElementUI
//インポート '要素-UI / libに/テーマチョーク/ index.css'
「echarts」からインポートecharts
Vue.prototype。$ Echarts = echarts // Vueのプロトタイプ店舗意志echarts
//Vue.use(ElementUI）
//コンポーネント{app要素}
使用
<テンプレート>
<DIV CLASS = "こんにちは">
<DIV ID = "chartmainline" スタイル= "幅：800ピクセル、高さ400ピクセル;"> </ div>
<DIV ID = "chartmainbar" スタイル= "幅= 800ox;高さ：400ピクセル;"> </ div>
</ div>
</テンプレート>
<スクリプト>
輸出のデフォルト（{
データ（）{
{戻ります
optionline：{
タイトル：{
テキスト：「ECharts統計」
}、
ツールチップ：{}、
伝説：{
データ：[ '地域']
}、
X軸：{
データ：[ "広東省"、 "深セン"、 "上海"、 "北京"、 '天津']
}、
Y軸：{
}、
シリーズ：[{
名前：「賃金のK /月」
タイプ：「行」
データ：[15,20,13,10,8]
}]
}、
optionbar：{
タイトル：{
テキスト：「ECharts統計」
}、
ツールチップ：{}、
伝説：{
データ：[ '人口']
}、
X軸：{
データ：[ "広東省"、 "深セン"、 "上海"、 "北京"]
}、
Y軸：{
}、
シリーズ：[{
名前：「数/千万」
タイプ：「バー」、
データ：[15,20,13,10]
}]
}
}
}、
{）（マウント
this.drawLine（）
}、
方法：{
drawLine：関数（）{
//この準良いDOMに基づいて、インスタンス初期化echarts
。chartmainline =この$ echarts.init（のdocument.getElementById（ "chartmainline"））しましょう。
chartmainbarを聞かせて=この$ echarts.init（のdocument.getElementById（ "chartmainbar"））;
チャートを描画//
chartmainline.setOption（this.optionline）。
chartmainbar.setOption（this.optionbar）。
}
}
}）
//解析するステップ
//コンテナ、保存されたアイコンデータを作成します
//取得次にID、ツリーVUEマウントDOM
//だから、それはマウントに装着されています
// ----
//メソッドdrawLineは、関数がオブジェクトである内、彼に与えられた長いリストの背後にあります、
現在使用中のオブジェクトへの//この時点で、
// $ echarts、$書くの増加の主な理由です、
//その他optionbar、echarts.baidu.comに直接optionline、あなたのお気に入りをコピーします
</ SCRIPT>
<スタイルは、スコープ>
</スタイル>