Wijmo ユーザーガイド > ウィジェット > Chart ウィジェット > PieChart > 概念 > 配列とのバインディング |
dataSource オプションを使用して PieChart ウィジェットを配列にバインドし、data オプションを使用して seriesList で label、data、および offset オプションをバインドできます。
次のようなコードを使用して、データソースを設定します。
ドロップダウンからスクリプトをコピーして、<head> セクション内に貼り付けます
スクリプト |
コードのコピー |
---|---|
<script id="script1" type="text/javascript"> var data = [{ Device: 'MacBook Pro', Percent: 46.78, Offset: 15 }, { Device: 'iMac', Percent: 23.18 }, { Device: 'MacBook', Percent: 20.25 }, { Device: 'Mac Pro', Percent: 5.41 }, { Device: 'Mac mini', Percent: 3.44 }]; $(document).ready(function () { $("#wijpiechart").wijpiechart({ dataSource: data, data: { label: { bind: "Device" }, value: { bind: "Percent" }, offset: { bind: "Offset" } } }); }); </script> |
この円グラフは、実際のウィジェットで次のように表示されます。