Wijmo UI for the Web
目盛記号の表示
| Wijmo ユーザーガイド > ウィジェット > Chart ウィジェット > CompositeChart > 操作手順 > 目盛記号の表示 |
クイックスタート の例に基づいて、軸の目盛り記号のスタイルを含む tickMajor オブジェクトおよび tickMinor オブジェクトを追加できます。
 |
注意: 目盛りの position 属性は、それを表示するかどうかを決定します。 |
ドロップダウンからコードをコピーします
| グリッド線を表示するスクリプト |
コードのコピー |
|---|---|
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$("#wijcompositechart").wijcompositechart({
axis: {
x: {
tickMajor: {position: "cross", style: {stroke: "blue"}},
tickMinor: {position: "inside", style: {stroke: "limegreen"}}
}
},
data: {x: ['Ford', 'GM', 'Chrysler', 'Toyota', 'Nissan', 'Honda']},
seriesList: [
{
type: "column",
label: "2012 Auto Sales",
data: { y: [.05, .04, .21, .27, .1, .24] }
},
{
type: "pie",
center: { x: 120, y: 120 },
radius: 60,
data: [{label: "Domestic", data: 5.7}, {label: "Import", data: 30}]
}]
});
});
</script>
| |
目盛りマーク |
全て展開
すべて折りたたむ