ホームページ  >  記事  >  ウェブフロントエンド  >  GoJS HTML5 Canvas ライブラリを使用してチャートやグラフを描画するにはどうすればよいですか?

GoJS HTML5 Canvas ライブラリを使用してチャートやグラフを描画するにはどうすればよいですか?

WBOY
WBOY転載
2023-09-19 08:13:021314ブラウズ

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库绘制图表和图形?

以上がGoJS HTML5 Canvas ライブラリを使用してチャートやグラフを描画するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。