Wijmo UI for the Web
数値の書式設定
| Wijmo ユーザーガイド > ウィジェット > Chart ウィジェット > ScatterChart > 操作手順 > 数値の書式設定 |
クイックスタートの例に基づき、軸の annoFormatString オプションと labels オプションを使用して軸ラベルを書式設定および回転し、hint オプションのコンテンツ用の関数を作成してツールチップのテキストを書式設定します。
 |
メモ：デフォルトでは、ツールチップのテキストには seriesList ラベルと Y データが表示されますが、ここではラベルと X データを表示するように変更しています。 |
ドロップダウンからスクリプトをコピーして、<head> セクション内に貼り付けます
| スクリプト |
コードのコピー |
|---|---|
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#wijscatterchartDefault").wijscatterchart({ axis: { x: { text: "Annual Income per Person", annoFormatString: "C0", labels: {style: {rotation: -45}} }, y: {text: "Birth Rate"} }, hint:{ content: function(){ return this.data.label + '\n ' + Globalize.format(this.x, "C0") + ''; } }, seriesList: [ { label: "Madagascar", data: {x: [800], y: [5.7]} }, { label: "India", data: {x: [3100], y: [2.85]} }, { label: "Mexico", data: {x: [9600], y: [2.49]} }, { label: "Taiwan", data: {x: [25300], y: [1.57]} }, { label: "Norway", data: {x: [40000], y: [1.78]} }] }); }); </script> | |
全て展開
すべて折りたたむ