[]
        
(Showing Draft Content)

Wijmo_Chart_Hierarchical.Treemap

TreeMap クラス

TreeMap コントロールは、階層構造(ツリー構造)のデータを入れ子矩形のセットとして表示します。 ツリーの各ブランチは矩形が与えられ、サブブランチを表すより小さい矩形を含みます。 リーフノード矩形は、指定されたデータの大きさに比例する領域を占有します。 多くの場合、リーフノードはデータの別次元を示すために色付けされています。

TreeMap コントロールを使用するには、{@link TreeMap.itemsSource} プロパティに データから成る配列を設定し、TreeMap.bindingTreeMap.bindingName プロパティを使用して、 項目値と項目名を含むプロパティを設定します。

階層

  • any
    • TreeMap

コンストラクタ

constructor

  • new TreeMap(element: any, options?: any): TreeMap
  • TreeMap クラスの新しいインスタンスを初期化します。

    引数

    • element: any

      コントロールをホストするDOM要素、またはホスト要素のCSS セレクター(例: '#theCtrl')。

    • オプション options: any

      コントロールの初期化データを含むJavascriptオブジェクト。

    戻り値 TreeMap

プロパティ

binding

binding: string

チャートの値を含むデータ項目のプロパティの名前を取得または設定します。

連結プロパティは、他のノードの値と比較してノードのサイズを計算するために使用されます。 このプロパティには数値データを含める必要があります。

bindingName

bindingName: any

データ項目の名前を含むプロパティの名前を取得または設定します。 bindingNameプロパティは、ノードの名前を表示するために使用されます。このプロパティは配列または文字列である必要があります。

childItemsPath

childItemsPath: any

階層化データの子項目の生成に使用される1つ以上のプロパティの名前を 取得または設定します。

このプロパティには、項目の子項目を含むプロパティの名前を指定する文字列を設定します (たとえば、 'items')。

項目が異なる名前を持つ異なるレベルの子項目の場合は、 このプロパティに、各レベルの子項目を含むプロパティの名前から成る 配列を設定します (たとえば、. [ 'accounts', 'checks', 'earnings' ])。

dataLabel

dataLabel: DataLabel

ツリーマップのDataLabel を取得または設定します。

maxDepth

maxDepth: number

ドロップダウンに表示する項目の最大数を取得または設定します。 これらのレベルが現在の平面に平坦化されます。 ツリーマップのレベルがこの値よりも高い場合、ユーザーは上下に移動する必要があります。

palette

palette: string[]

ツリーマップで使用されるデフォルトの色の配列を取得または設定します。

この配列には、CSS色を表す文字列が含まれます。次に例を示します。

// 名前で指定された色を使用します
chart.palette = ['red', 'green', 'blue'];
// または、RGBA値で指定された色を使用します
chart.palette = [
  'rgba(255,0,0,1)',
  'rgba(255,0,0,0.8)',
  'rgba(255,0,0,0.6)',
  'rgba(255,0,0,0.4)'];

または、titleColor、maxColor、minColorを別々に含みます。次に例を示します。

chart.palette = [{
     titleColor: '#00277d',
     maxColor: 'rgba(0,39,125,0.7)',
     minColor: 'rgba(168,187,230,0.7)'
 }, {
     titleColor: '#7d1f00',
     maxColor: 'rgba(125,21,0,0.7)',
     minColor: 'rgba(230,183,168,0.7)'
 }, {
     titleColor: '#007d27',
     maxColor: 'rgba(0,125,39,0.7)',
     minColor: 'rgba(168,230,188,0.7)'
 }];

selectionMode

selectionMode: SelectionMode

selectionModeは、TreeMapコントロールでは機能しません。

tooltip

tooltip: ChartTooltip

チャートのTooltip を取得します。

type

ツリーマップのTreeMapType を取得または設定します。

メソッド

hitTest

  • 指定したポイントに関する情報を含む HitTestInfo オブジェクトを取得します。

    引数

    • pt: any

      調べるポイント(ウィンドウ座標単位)。

    • オプション y: number

      ポイントのY座標(最初のパラメーターが数値の場合)。

    戻り値 HitTestInfo

    A HitTestInfo object containing information about the point.