DevExtreme Vue Gauges

DevExpressゲージ コントロールJavaScript

カスタマイズ可能なゲージビジュアライゼーションのためのインタラクティブなVueコンポーネント。

  • 多様なニーズに対応する円形、放射状、線形ゲージタイプを含みます。
  • 複数の値および副値インジケータースタイルとカスタムスケールをサポートします。
  • ツールチップ、レンジコンテナ、および明瞭さのためのカスタマイズ可能なタイトルを特徴とします。
DevExpress logo

価格:

読み込み中...
利用可能:
DevExtreme Complete（英語版）読み込み中
DevExpress DXperience（英語版）読み込み中
DevExpress Universal（英語版）読み込み中
DevExpress VCL Subscription +（英語版）読み込み中
選び方に迷っていますか？ 購入方法 と 仕様をご覧ください。
DevExtreme Vue Gauges 商品画像
DevExtreme Vue Gauges は、Vue アプリケーション向けに設計された包括的なゲージコンポーネントセットを提供します。これらのコンポーネントは、円形、放射状、線形のさまざまなゲージタイプをサポートし、それぞれが多彩な可視化オプションを提供します。開発者はインジケーター、スケール、目盛り、ラベル、範囲コンテナをカスタマイズして、データを効果的に伝える正確でインタラクティブなダッシュボードを構築できます。

ゲージタイプ

円形、放射状、線形の三つの異なるゲージタイプで動的なデータ可視化を実現し、幅広いアプリケーションシナリオやユーザーインターフェースに対応します。

値および副値インジケーター

RangeBar、RectangleNeedle、TextCloud、TriangleMarker、TriangleNeedle、TwoColorNeedle などの定義済みインジケータータイプを使用して、ゲージ上の主値および追加値のポインターをカスタマイズします。

スケールのカスタマイズ

表示、間隔、カスタム値、色、長さ、および幅のオプションでメジャーおよびマイナースケールの目盛りを設定し、データスケールを正確に表現します。

スケールラベル

表示の可否、フォーマット、テキスト内容、フォントスタイル、目盛りからのインデントをカスタマイズできるスケールラベルを表示してゲージの読みやすさを向上させます。

レンジコンテナ

色、パレット、幅、オフセット、方向を設定可能なスケールセグメントのグループ化により、値の範囲を視覚化し、データの解釈をより明確にします。

ツールチップ

ホバー時に情報豊富なデータを表示するインタラクティブなツールチップを有効にし、テキストの書式設定やフォントスタイルをカスタマイズしてユーザーエンゲージメントを向上させます。

タイトルおよびサブタイトル要素

ゲージに説明的なタイトルとサブタイトルを追加し、テキスト内容、フォントスタイル、配置を制御して明確なコンテキスト情報を提供します。

インタラクティブで高性能

Vue 向けに設計されており、アプリケーションにシームレスに統合され、応答性の高いデータ可視化に必要なインタラクティブ性とパフォーマンスをサポートします。

製品の互換性

以下の詳細を確認して、この製品が環境内でサポートされていることを確認してください。

コンポーネントの種類

  • JavaScript

JavaScript プラットフォーム

  • Vue.js