MVC Classic ウィジェット > Chart ウィジェット > Wijcompositechart > Wijcompositechart タスク別ヘルプ > シリーズ一覧の定義 |
以下のコードは、シリーズ一覧配列コレクションを使用してグラフ化するデータを組み込む方法を示しています。
ソースビュー |
コードのコピー
|
---|---|
seriesList: [{ type: "column", label: "西", legendEntry: true, data: { x: ['デスクトップ', 'ノート', '一体型', 'タブレット', '携帯電話'], y: [5, 3, 4, 7, 2] } }, { type: "column", label: "中央", legendEntry: true, data: { x: ['デスクトップ', 'ノート', '一体型', 'タブレット', '携帯電話'], y: [2, 2, 3, 2, 1] } }, { type: "column", label: "東", legendEntry: true, data: { x: ['デスクトップ', 'ノート', '一体型', 'タブレット', '携帯電話'], y: [3, 4, 4, 2, 5] } }, { type: "pie", label: "機種1", legendEntry: true, center: { x: 150, y: 150 }, radius: 60, data: [{ label: "機種2", legendEntry: true, data: 46.78, offset: 15 }, { label: "機種3", legendEntry: true, data: 23.18, offset: 0 }, { label: "機種4", legendEntry: true, data: 20.25, offset: 0 }] }, { type: "line", label: "米国", legendEntry: true, data: { x: ['デスクトップ', 'ノート', '一体型', 'タブレット', '携帯電話'], y: [3, 6, 2, 9, 5] }, markers: { visible: true, type: "circle" } }, { type: "line", label: "カナダ", legendEntry: true, data: { x: ['デスクトップ', 'ノート', '一体型', 'タブレット', '携帯電話'], y: [1, 3, 4, 7, 2] }, markers: { visible: true, type: "tri" } } ] }); |