アンギュラ使用ECharts

角度echartsは多くのチュートリアルで使用されるが、多くは結合されているngx-echartsが、これに基づいて新しい個人学習何かが、それはせずに、ここで提示され、プラスのものがあるときに好きではないngx-echarts方法
1:ダウンロードとechartsをインストール

NPMインストールecharts --save

2:ダウンロードしてechartsのJSが書かれているので、tsはechartsをサポートしてインストールし、角度は、APIのヒントをインストールするには、TSされています

NPMインストール@タイプ/ echarts --save

3:重要な問題TSをインストールするには上の2つの後に導入され、そして不能import {ECharts} from...これは、正しい方法を与えられています

'echarts' からechartとしてインポート*;

ここに画像を挿入説明
この紹介の後、私たちは、公式サイトとして、通常通り使用することができますが、ことに留意すべきである
1:コンテナは高い学位を持っている、またはレンダリングのない
ここに画像を挿入説明
2:ページのDOM構造のコードはechartsがそうでなければ報告し、存在して実行するときCannot read property getAttribute of nullにエラーを
して安全性を確保するためにngAfterViewInit使用
ここに画像を挿入説明
3 :結果は
ここに画像を挿入説明

公開された28元の記事 ウォンの賞賛1 ビュー8719

おすすめ

転載: blog.csdn.net/moqiuqin/article/details/104037090