Wijlineargauge

wijlineargauge ウィジェットは、情報の表示に必要な正確なグラフィカル表現を提供します。水平または垂直の線形ゲージから選択します。wijlineargauge ウィジェットは、jquery.wijmo.wijlineargauge.js ライブラリによって作成されます。

wijlineargauge ウィジェットの作成に使用されるマークアップは次のようになります。

ソースビュー	コードのコピー
<div id="wijlineargauge" class="ui-corner-all"> </div>

CSS スタイリングをゲージに多少追加することもできます。この例はゲージの幅を指定します。

ソースビュー	コードのコピー
<style type="text/css"> #gauge.wijlineargauge { width: 400px; } </style>

次のスクリプトは wijlineargauge ウィジェットを初期化します。

ソースビュー	コードのコピー
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#wijlineargauge").wijlineargauge({ width: 400, height: 100, value: 50, max: 100, min: 0, }); }); </script>