マイクロチャネルは、Echartsを使用するアプレット
echartsでダウンロードGitプロジェクト
住所:https://github.com/ecomfe/echarts-for-weixin
紹介のコンポーネント
示すように、ファイルは、EC-キャンバスカタログでダウンロードしたプロジェクトでそれを入れて、同じレベルにページ:
チャートを作成します。
示すように、新しいディレクトリページ、という名前のインデックスに、自動的に4つのファイルindex.wxss index.js、index.json、index.wxmlを、生成され、ディレクトリページ内のディレクトリを作成します。
index.jsonで追加:
この設定の役割は、私たちは内のページ/バー/ index.wxmlでコンポーネントを使用することができるようにすることです。
index.wxmlで書かれました
で導入されたEchartsのindex.js
ASからのインポートecharts *」... / ... / EC-キャンバス/ echarts';
LETチャート= NULL;
データへの書き込み:
書き込みのgetDataあなたがチャート表示する必要がある
のgetData(){
チャート.setOption({
タイトル:{
テキスト: 'バーグラフ'
}、
凡例:{
データ:[ '販売']
}、
XAXIS:{
データ:[ "A"、 "B"、 "C"、 "D"、 " E "" F「]
}、
YAXIS:{}、
シリーズ:[{
名: '売上高'、
タイプ: 'バー'、
データ:[5、20であり、36、10、10、20]
}]
})
}
ヒストグラム千万人の後
如果一个页面需要显示多个图表
...チャートの省略部分は、彼らが必要なコンテンツを書くことができます