Wijmo UI for the Web
wijpiechart jQuery ウィジェット
単純な値を表示するカスタマイズされた円グラフを表示します。
シンタックス
Javascript (Usage) 
$(function () {
    var options; //タイプ: wijmo.chart.wijpiechart.options
     
    $(".selector").wijpiechart(options);
});
Javascript (Specification) 
function wijpiechart() : any;
オプション
 名前解説
public オプションanimation

型: wijmo.chart.piechart_animation

animation オプションはアニメーション効果を定義し、ウィジェットのアニメーションの他の特性(持続時間やイージングなど)を制御します。

 
public オプションannotations

デフォルト値:[]

チャートに表示する注釈の設定を含むAnnotationBaseオブジェクトの配列を作成します。

 
public オプションautoResize

デフォルト値: true

チャート要素のサイズを変更したときにチャートを再描画するかどうかを示す値。

 
public オプションaxis

型: wijmo.chart.chart_axes

チャートの X 軸と Y 軸を作成するためのすべての情報を含む値。

 
public オプションchartLabelFormatString

デフォルト値: ""

各チャート要素の値を示すチャートラベルの数値書式を設定します。標準の数値書式指定文字列を使用できます。

 
public オプションchartLabelFormatter

デフォルト値: null

各チャート要素のチャートラベルの内容部分の取得に使用される関数を示す値。

 
public オプションchartLabelStyle

各チャート要素の値を示すチャートラベルのすべてのスタイルオプションを設定します。

 
public オプションculture

デフォルト値: ""

チャートテキストを書式設定するカルチャを示す値。

 
public オプションcultureCalendar

デフォルト値:""

カレンダーに表示されるカルチャカレンダーの文字列値を割り当てます。このオプションはcultureオプションと共に使用する必要があります。

 
public オプションdata

デフォルト値: null

各系列のデータ x 配列にフィールドをバインドします。

 
public オプションdataSource

デフォルト値: null

seriesList で軸にバインドできるデータのソースとして使用する配列を設定します。

 
public オプションdirection

円グラフの扇形を描画する方向(clocwise または counterClockwise)を設定します。

 
public オプションdisabled

コントロールを無効にするかどうかを取得または設定します。

 
public オプションdisableDefaultTextStyle

デフォルト値: false

オプションの代わりにクラスを使用してテキストのフォントファミリーを設定できるかどうかを示す値を設定します。

 
public オプションenableTouchBehavior

デフォルト値: true

タッチ対応デバイスで円グラフを回転できるかどうか、およびツールチップが常に表示されるかどうかを示す値。

 
public オプションfooter

型: wijmo.chart.chart_title

棒グラフのフッタとして使用するオブジェクトを設定します。

 
public オプションheader

型: wijmo.chart.chart_title

棒グラフのヘッダとして使用するオブジェクトを設定します。

 
public オプションheight

デフォルト値: null

棒グラフの高さ(ピクセル単位)を設定します。

 
public オプションhint

型: wijmo.chart.chart_hint

マウスをチャート要素に合わせたときに表示されるツールチップ(ヒント)として使用するオブジェクトを作成します。

 
public オプションhorizontal

系列を水平方向に表示するかどうかを取得または設定します。

 
public オプションindicator

型: wijmo.chart.chart_indicator

ユーザーがチャート要素をクリックしたときに各チャート要素の中心から水平/垂直に伸びるインジケーター線を表示できるオブジェクトを設定します。

 
public オプションinnerRadius

デフォルト値: 0

ドーナツグラフに使用される内径を示す値。

 
public オプションis100Percent

全体に対する各値の割合を各系列の相対サイズで表すことで、各値が全体のサイズに影響するかどうかを取得または設定します。

 
public オプションisTouchBehaviorEnable

タッチ動作が有効であるかどうかを取得します。

 
public オプションlabels

型: wijmo.chart.piechart_labels

チャートのチャートラベル要素を示す値。

 
public オプションlegend

型: wijmo.chart.chart_legend

チャートとともに表示する凡例オブジェクトを作成します。

 
public オプションmarginBottom

デフォルト値: 25

チャート領域と、ウィジェットを定義する <div> の下端との間隔(ピクセル単位)を設定します。

 
public オプションmarginLeft

デフォルト値: 25

チャート領域と、ウィジェットを定義する <div> の左端との間隔(ピクセル単位)を設定します。

 
public オプションmarginRight

デフォルト値: 25

チャート領域と、ウィジェットを定義する <div> の右端との間隔(ピクセル単位)を設定します。

 
public オプションmarginTop

デフォルト値: 25

チャート領域と、ウィジェットを定義する <div> の上端との間隔(ピクセル単位)を設定します。

 
public オプションradius

デフォルト値: null

円グラフに使用される半径を示す値。

 
public オプションseriesHoverStyles

デフォルト値: []

チャートのバーにマウスを合わせたときにバーのレンダリングに使用するスタイルの配列を設定します。

 
public オプションseriesList

デフォルト値: []

グラフ化するデータを含む配列のコレクション。

 
public オプションseriesStyles

デフォルト値: []

チャートの各系列に対応するバーのレンダリングに使用するスタイルオブジェクトの配列を設定します。

 
public オプションseriesTransition

型: wijmo.chart.chart_animation

データを再ロードしたときにアニメーションを表示するかどうかと、アニメーションの持続時間を示す値。

 
public オプションshadow

デフォルト値: true

チャートの縁に影を付けるかどうかを示す値。

 
public オプションshowChartLabels

デフォルト値: true

デフォルトのチャートラベルを表示するかどうかを示す値。

 
public オプションstacked

系列オブジェクトを積み重ねるかどうかを取得または設定します。

 
public オプションstartAngle

デフォルト値: 0

円グラフの扇形の描画を開始する角度を設定します。 このプロパティの実際に動作する例については、http://jsbin.com/ewofiv/1 を参照してください。

 
public オプションtextStyle

他のスタイルオプションが設定されていないチャートテキストのフォールバックスタイルに使用するオブジェクトを作成します。

 
public オプションwidth

デフォルト値: null

チャートの幅(ピクセル単位)を設定します。

 
トップ
メソッド
 名前解説
public メソッドaddSeriesPoint系列リストに系列ポイントを追加します。  
public メソッドbeginUpdateオプションを再設定する間、チャートの自動更新を中断します。  
public メソッドdestroy機能を完全に除去します。 これは要素を初期化前の状態に戻します。  
public メソッドendUpdateオプションが再設定された後、チャートの自動更新を元に戻します。  
public メソッドexportChartチャートをグラフィック形式でエクスポートします。このエクスポートメソッドは、ページに wijmo.exporter.chartExport の参照が存在する場合にのみ機能します。  
public メソッドgetCanvasRaphael キャンバスオブジェクトへの参照を返します。  
public メソッドgetSector指定したインデックスを持つ円グラフの扇形を返します。  
public メソッドredrawこのメソッドはチャートを再描画します。  
public メソッドwidgetオリジナルの要素またはその他の関連する生成要素を含む jQuery オブジェクトを返します。  
トップ
イベント
 名前解説
public イベントbeforePaintこのイベントは、キャンバスが描画される前に発生します。このイベントはキャンセルできます。イベントをキャンセルするには、false を返します。  
public イベントbeforeSeriesChangeこのイベントは、系列が変更される前に発生します。このイベントはキャンセルできます。イベントをキャンセルするには、false を返します。  
public イベントclickユーザーがチャート要素をクリックしたときに発生します。  
public イベントmouseDownユーザーがマウスボタンをクリックしたときに発生します。  
public イベントmouseMoveマウスポインタがチャート要素の上にあるときにユーザーがマウスを動かすと発生します。  
public イベントmouseOutユーザーがチャート要素からマウスポインタを離したときに発生します。  
public イベントmouseOverユーザーがチャート要素にマウスポインタを最初に合わせたときに発生します。  
public イベントmouseUpマウスポインタがチャート要素の上にあるときにユーザーがマウスボタンを離すと発生します。  
public イベントpaintedこのイベントは、キャンバスが描画された後に発生します。  
public イベントseriesChangedこのイベントは、系列が変更されたときに発生します。  
トップ

関連トピック

参照

PieChart
wijpiechart jQuery ウィジェット

 

 


Copyright © GrapeCity inc. All rights reserved.