Wijmo UI for the Web
移動範囲にカスタムゾーンの設定
| Wijmo ユーザーガイド > ウィジェット > RadialGauge > 操作手順 > 移動範囲にカスタムゾーンの設定 |
クイックスタートの例を基に、range の配列をゲージに追加して、ゲージの移動範囲にホットゾーンなどのカスタムゾーンを指定できます。
ドロップダウンからスクリプトをコピーして、<head> セクション内に貼り付けます
| スクリプト |
コードのコピー |
|---|---|
<script type="text/javascript"> $(document).ready(function () { $("#radialgauge1").wijradialgauge({ value: 90, max: 100, min: 0, ranges: [{ startWidth: 10, endWidth: 10, startValue: 0, endValue: 100, startDistance: 0.64, endDistance: 0.64, style: { fill: "Gray", stroke: "none" } }, { startWidth: 10, endWidth: 10, startValue: 40, endValue: 60, startDistance: 0.58, endDistance: 0.58, style: { fill: "Yellow", stroke: "Yellow", "stroke-width": 1.5 } }, { startWidth: 10, endWidth: 10, startValue: 60, endValue: 80, startDistance: 0.58, endDistance: 0.58, style: { fill: "Orange", stroke: "Orange", "stroke-width": 1.5 } }, { startWidth: 10, endWidth: 10, startValue: 80, endValue: 100, startDistance: 0.58, endDistance: 0.58, style: { fill: "Red", stroke: "Red", "stroke-width": 1.5 } }] }); }); </script> | |
全て展開
すべて折りたたむ