ホームページ >ウェブフロントエンド >htmlチュートリアル >GoJS HTML5 Canvas ライブラリを使用してチャートやグラフを描画するにはどうすればよいですか?
GoJS は、対話型グラフの実装に使用できる JavaScript ライブラリです。このページでは、GoJS の使用の要点を説明します。チャートやグラフを追加したい場合は、このオープンソース ライブラリを使用してください。
GoJS には、ノードとリンクを記述する JavaScript オブジェクトの配列をモデルが保持するモデル ビュー アーキテクチャがあります。実際の Node オブジェクトと Link オブジェクトを使用してこのデータを視覚化するには、チャートがビューとして機能します。
GoJS を使用してチャートを構築すると、特定の DIV 要素内に配置される HTML5 Canvas 要素が作成されます。
GoJS の使用を開始するには、HTML ドキュメントでライブラリを宣言する必要があります。この方法では、ライブラリもロードする必要があります。 GoJS ライブラリ go.js をロードします。
追加するには、CDNJS から取得できる GoJS ライブラリにリンクします。あるいは、必要に応じて GoJS ライブラリをダウンロードすることもできます。
CDNJS を使用して追加する方法は次のとおりです -
<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.7.20/go-debug.js"></script>
Note: ランタイム エラー チェックのために開発する場合は、go-debug.js をロードします。デプロイ時に「go.js」を選択します。
以上がGoJS HTML5 Canvas ライブラリを使用してチャートやグラフを描画するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。