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

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

WBOY
リリース: 2023-09-19 08:13:02
転載
1389 人が閲覧しました

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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート