Wijmo UI for the Web
グラフの種類

以下のグラフの種類を各々の設定を行って複合グラフで表示できます。seriesList 配列で各系列のタイプを設定します。

グラフタイプ 設定
円グラフ
  • radius: ピクセル単位の number
  • center: ピクセルの左上からの {x: number, y: number}
  • data: [{label: string, data: number}]
横棒グラフ
  • stacked: Boolean 詳細については stacked を参照してください。
  • axis: object 詳細については axis を参照してください。
  • clusterOverlap: number 詳細については clusterOverlap を参照してください。
  • clusterWidth: number 詳細については clusterWidth を参照してください。
  • clusterSpacing: number 詳細については clusterSpacing を参照してください。
  • clusterRadius: number 詳細については clusterRadius を参照してください。
  • label: string
  • data: {[x: string, y: number]}
縦棒グラフ
折れ線グラフ
  • axis: object 詳細については axis を参照してください。
  • type: string (折れ線や面) 詳細については LineChart Type を参照してください。
  • hole: object 詳細については Linechart hole を参照してください。
  • label: string
  • data: {[x: string, y: number]}
  • markers: {visible: Boolean, type: "string"} (box, circle, cross, diamond, invertedTri, tri)
スプライングラフ
ベジェグラフ
面グラフ
散布図
  • axis: object 詳細については axis を参照してください。
  • zoomOnHover: Boolean 詳細については Scatterchart zoomOnHover を参照してください。
  • label: string
  • data: {[x: string, y: number]}
  • markerType: "string" (box, circle, cross, diamond, invertedTri, tri)
バブルグラフ
  • axis: object 詳細については axis を参照してください。
  • chartLabel: object 詳細については Bubblechart chartLabel を参照してください。
  • minimumSize: number 詳細については Bubblechart minimumSize を参照してください。
  • maximumSize: number 詳細については Bubblechart maximumSize を参照してください。
  • sizingMethod: string (面や直径) 詳細については Bubblechart sizingMethod を参照してください。
  • label: string
  • data: {[x: string, y: number]}
  • markers: {type: "string"} box, circle, cross, diamond, invertedTri, tri

関連トピック

参照

 

 


Copyright © GrapeCity inc. All rights reserved.