Wijmo UI for the Web
マークアップとスクリプティング
| Wijmo ユーザーガイド > ウィジェット > LinearGauge > マークアップとスクリプティング |
wijlineargauge ウィジェットの HTML マークアップは次のようになります。
| マークアップ |
コードのコピー |
|---|---|
<div id="gauge"></div> | |
CSS スタイルを使用して、ウィジェットのサイズを設定できます。
| スタイル |
コードのコピー |
|---|---|
<style type="text/css"> #gauge.wijlineargauge { width: 400; } </style> | |
次の jQuery スクリプトでウィジェットを初期化できます。
| スクリプト |
コードのコピー |
|---|---|
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#gauge").wijlineargauge({ width: 400, height: 100, value: 50, max: 100, min: 0 }); }); </script> | |
ここで説明しているマークアップとスクリプトの結果は次のようになります。LinearGauge にマウスポインタを合わせると、アニメーション表示されます。