【Echarts】設定項目シリーズ
1.ライン
折れ線グラフと面グラフは、直交座標系と極座標系で使用できます。areaStyle を設定すると、面グラフを描画できます。
- type:line,必写
- colorBy: color から色を選択するための戦略。通常は書き込まれないシリーズ (色はシリーズに従って割り当てられる) とデータ (色はデータ項目に従って割り当てられる) の値を取ることができます。
- 座標系: 使用される座標系。cartesian2d (直交座標系)、polar (極座標系) の値を取ることができます。
- xAxisIndex、yAxisIndex、polarIndex: 軸の選択
- showSymbol: マーク (通常は小さな点) を表示するかどうか
- showAllSymbol: 主軸がカテゴリ軸の場合のみ有効、ブール値
- シンボルXXX: マークの属性
- legendHoverLink: 凡例がホバーしたときにリンクの強調表示を有効にするかどうか。
- stack: データのスタック。同じカテゴリ軸上の同じスタック値を持つシリーズ構成は、スタックを妨げる可能性があります。数値軸と対数軸でのスタックのみをサポートします。
- stackStrategy: 値を積み重ねる戦略、スタックが設定されている必要があります。オプションのパラメータ Samesign (スタックされる値が現在累積されたスタック値と同じ正負の符号を持つ場合のみスタック)、all (すべての値をスタック)、positive (正の値のみがスタック)、negative (負の値のみ)積み重ねられています))
- カーソル: マウスがホバリングしているときに表示されるマウスのスタイル
- connectNulls: 空のデータを接続するかどうか
- クリップ: 座標系を超えるグラフィックスをクリップするかどうか
- step: ステップ折れ線グラフかどうか、ブール値、文字列: 開始、中間、終了
- endLabel: 割引エンドポイントのラベル
- 距離: グラフィック要素からの距離
- valueAnimation: ラベルのデジタルアニメーションを有効にするかどうか
- show、rotate、offset、formatter、textStyle属性
- labelLine: ラベルの視覚的なガイドライン構成
- showAbove: グラフの上に表示するかどうか
- length2: 視覚的なガイドラインの 2 番目のセグメントの長さ
- スムーズ: 視覚的なガイドラインを滑らかにします。
- minTurnAngle: 線の 2 番目のセグメントの長さを調整することで、ガイドラインの両端の間の最小角度を制限し、角度が小さすぎるために表示が見苦しくなるのを防ぎます。
- ショー、ラインスタイル
- labelLayout: ラベルの統一レイアウト構成
- HideOverlap: 重なっているラベルを非表示にするかどうか
- moveOverlap: ラベルが重なった場合に重ならないようにラベルの位置を移動するかどうか。オプションのパラメータ shifyX、shiftY
- x: ラベルの x 位置
- y:同上
- dx: x 方向のラベルのピクセル オフセット。x と一緒に使用できます。
- dy: 同上
- 回転、幅、高さ、整列、垂直整列、フォントサイズ、ドラッグ可能、ラベルラインポイント
- SmoothMonotone: 割引平滑化後に単調性が 1 次元で維持されるかどうか。通常は二重値軸で使用されます。
- サンプリング: データ量がピクセルよりはるかに大きい場合の折れ線グラフのダウンサンプリング戦略パラメータ lttb (サンプリング後の線の傾向、形状、極値を最大限に保証するため)、平均 (フィルタリングされたポイントの平均)、max (フィルタ ポイントの最大値を削除するため)、min、sum
- ディメンション: シリーズ データ内の各ディメンションの情報を定義します。決して使用されません。
- encode: データのどの次元を何にエンコードするかを定義します。決して使用されません。
- seriesLayoutBy: データを行または列のどちらのシリーズにマッピングするかを指定し、列と行の値を取得できます。
- datasetIndex: 使用するデータセットを指定します
- dataGroupId: このシリーズのすべてのデータに共通のグループ ID
- data : シリーズ内のデータ コンテンツの配列
- name : データ項目名
- value : 単一のデータ項目の数値
- groupId: データイメージのグループID
- シンボルXXX、ラベル、ラベルライン、アイテムスタイル、強調、ぼかし、選択、ツールチップ
- markPoint: チャートの注釈
- シンボルXXX、サイレント、ラベル、アイテムスタイル、強調、ぼかし、データ、アニメーションXXX
- markLine: チャートのマークライン
- 同上
- markArea: チャート アイコン領域。チャート内の特定の範囲のデータをマークするためによく使用されます。
- 同上
- universalTransition: グローバル トランジション アニメーション関連の設定
- id、triggerEvent、label、itemStyle、lineStyle、areaStyle、emphasis、blur、select、selectedMode、smooth、zlevel、z、silent、animationXXX、tooltip
2.バー
縦棒グラフ、棒グラフ
- タイプ:バー
- RoundCap: 円柱の両側に円弧効果を使用するかどうか。極座標系のヒストグラムにのみ有効です。
- realtimeSort: リアルタイムソートを有効にするかどうか
- showBackground: バーの背景色を表示するかどうか
- backgroundStyle: 列の背景スタイル
- itemStyle関連
- スタック: データスタック
- stackStrategy: データスタッキング戦略
- barWidth: バーの幅、アダプティブに設定されていない、数値、パーセント文字列
- barMaxWidth、barMinWidth、barMaxHeight、barMinHeight
- barGap: 異なる系列のバー間の距離、パーセント文字列
- barCategoryGap: 同じ系列内の列間の距離
- large: 大量のデータ量の最適化を有効にするかどうか
- largeThreshold: 描画の最適化をオンにするためのしきい値、数値
- プログレッシブ: プログレッシブ レンダリング中に各フレームに描画されるグラフィックスの数。0 に設定すると、プログレッシブ レンダリングは無効になり、各シリーズの個別の構成がサポートされます。数値型
- progressiveThreshold: プログレッシブ レンダリングを有効にするグラフィックスの数のしきい値。単一シリーズ内のグラフィックスの数がこのしきい値を超えると、プログレッシブ レンダリングが有効になります。数値型
- progressiveChunkMode: シャーディング方法、オプション値 sequential (データの順序に従ってシャーディング)、mod (モジュロシャーディング)、決して使用されません
- データ
- name : データ項目名
- value : データ項目の値
- groupId: データ項目のグループ ID
- ラベル、ラベルライン、アイテムスタイル、強調、ぼかし、選択
- クリップ: 座標系を超えるグラフィックスをクリップするかどうか
- id、name、colorBy、legendHoverLink、cooperativeSystem、xAxisIndex、yAxisIndex、polarIndex、label、labelLine、itemStyle、labelLayout、emphasis、blur、select、selectedMode、sampling、cursor、dimensions、encode、seriesLayoutBy、datasetIndex、dataGroupId、markPoint、markLine、マークエリア、zレベル、z、サイレント、アニメーションXXX、ユニバーサルトランジション、ツールチップ
3、パイ
円グラフは主に、合計に占めるさまざまなカテゴリのデータの割合を示すために使用されます。roseTypeを設定することでナイチンゲールチャートとしても表示できます。
- 種類:パイ
- geoIndex: 使用される地理座標系のインデックスですが、単一のチャート インスタンスに複数の地理座標系が存在する場合に便利です。
- CalendarIndex: カレンダー座標系のインデックス
- selectedOffset: 選択されたセクターのオフセット距離
- 時計回り: 時計回りかどうか
- startAngle: 開始角度
- minAngle: 値が小さすぎてセクターが小さすぎて相互作用に影響を与えることを防ぐための最小の山の角度。
- minShowLabelAngle: この角度より小さいセクターの場合、ラベルは表示されません
- roseType: ナイチンゲール チャートとして表示され、半径 (セクターの中心角はデータの割合を示し、半径はデータのサイズを示します) とエリア (すべてのセクターの中心角は同じであり、半径のみがデータのサイズを示します)
- avoidLabelOverlap: ラベルの重複防止戦略を有効にするかどうか
- StillShowZeroSum: データが 0 の場合でもセクターを表示するかどうか
- percentPrecision: 円グラフのパーセンテージ値の精度。デフォルトで小数点以下 2 桁が保持されます。数値タイプです。
- showEmptyCircle: データがない場合にプレースホルダー円を表示するかどうか。
- emptyCircleStyle: プレースホルダーの円のスタイル
- itemStyle プロパティ
- center : 円グラフの中心座標、数値配列、パーセント配列
- radius : 円グラフの半径、数値、配列
- データ
- 名前、値、groupId、選択済み、ラベル、labelLine、itemStyle、強調、ぼかし、選択、ツールチップ
- 残りは上と同じです
4. 散らばる
散布図、バブル チャート。直交座標系、極座標系、地理座標系で使用でき、
直交座標系上の散布図はデータのxとyの関係を示すために使用できます。
- タイプ:スキャッター
- データ
- 名前、値、グループId、シンボルXXX、ラベル、ラベルライン、アイテムスタイル、強調、ぼかし、選択、ツールチップ
- 残りは上と同じです
5.エフェクト散乱
波及効果アニメーションを備えた散布図。アニメーション効果を使用して、強調表示したい特定のデータを視覚的に強調表示できます。
- タイプ:エフェクトスキャッター
- effectType:特殊効果タイプ、波紋(リップル)のみ
- showEffectOn: 特殊効果を表示するタイミングを設定します。オプションのパラメータ レンダリング (描画完了後)、強調 (ハイライト表示時)
- rippleEffect: リップル効果関連の設定
- color: 波紋の色、デフォルトの散乱色
- 数値: 波紋の数、数値型
- 期間:アニメーション期間、単位秒、数値型
- スケール: リップルの最大スケーリング比、数値型
- ブラシタイプ: 波紋の描画方法、オプションのストローク、塗りつぶし
- 残りは上と同じです
6. レーダー
レーダー チャートは、主に属性分析などの多変数データを表現するために使用されます。
- 種類:レーダー
- シンボルXXX
- データ:
- 名前、値、グループId、シンボルXXX、ラベル、ラベルライン、アイテムスタイル、強調、ぼかし、選択、ツールチップ
- 残りは上と同じです
7. 木
ナンバー グラフは主にツリー データ構造を視覚化するために使用され、一意のルート ノード、左サブツリー、右サブツリーを持つ特別なタイプの階層です。
- 種類:木
- ズーム: 現在の視点のズーム率
- レイアウト: デジタル グラフのレイアウトには、直交と放射状の 2 種類があります。
- edgeShape: 直交レイアウトでのみ有効で、エッジの形状はそれぞれ曲線とポリラインで構成されます。
- edgeForkPosition: ポリライン形状でのみ有効で、サブツリー内のポリライン セグメントが分岐する位置です。
- ローミング: マウスのズームとパンのローミングを有効にするかどうか
- ExpandAndCollapse: サブツリーの折りたたみと展開の相互作用。デフォルトで有効になっています。
- InitialTreeDepth: ツリー マップの初期展開レベル
- 葉: 葉ノードの特別な構成
- ラベル、アイテムスタイル、強調、ぼかし、選択
- データ
- 折りたたまれた: ノードが折りたたまれるように初期化されているかどうか
- 名前、値、項目スタイル、線スタイル、ラベル、強調、ぼかし、選択、ツールチップ、アニメーションXXX
- id、name、zlevel、z、left、top、right、bottom、width、height、center、orient、symboXXX、itemStyle、label、labelLayout、lineStyle、emphasis、blur、select、selectedMode、tooltip
8. ツリーマップ
階層データやツリー状データを表現する一般的な視覚化形式です。
- タイプ:ツリーマップ
- squareRatio: 予想される長方形のアスペクト比、数値タイプ
- LeafDepth:設定後、ドリルダウン機能が有効になります、数値型
- drillDownIcon: ノードをドリルダウンできる場合にプロンプトを表示します。文字のみを使用できます。
- ローミング: ドラッグアンドドロップのローミング (移動とズーム) を有効にするかどうか
- nodeClick: ノードをクリックした後の動作、可能な値は false (応答なし)、zoomToNode (ノードにズーム)、link (ハイパーリンク ジャンプ) です。
- ZoomToNodeRatio: ノードをクリックすると、そのノードが適切な比率、数値に自動的にズームインされます。
- VisualDimension: これまで使用されたことのない、データの他の次元のマッピング
- VisualMin: 現在のレベルの最小値。設定されていない場合は、自動的にカウントされます。
- VisualMax: 上記と同じ
- colorAlpha:このシリーズのデフォルトの色の透明度選択範囲、数値0~1
- colorSaturation: このシリーズのデフォルトのノードの色の彩度選択範囲、数値 0 ~ 1
- colorMappingBy: 同じレベルのノードで、カラーリストで選択するときに、何に従って選択するか。使用されていない
- visibleMin: ノードの長方形の面積がこの数値未満の場合は表示されません、数値型
- ChildrenVisibleMin: ノードの面積がこの数値未満の場合、このノードの子ノードは表示されません、数値型
- upperLabel: ラベルと同じ、四角形の親ノードのラベルを表示します。
- ブレッドクラム: ブレッドクラム、現在のノードのパスを表示可能
- emptyItemWidth: ブレッドクラムにコンテンツがない場合の最小幅を設定します。
- 表示、左、上、右、下、高さ、itemStyle、強調
- レベル: マルチレイヤー構成
- VisualDimension、visualMin、visualMax、color、colorAlpha、colorSaturation、colorMappingBy、visibleMin、childrenVisibleMin、label、upperLabel、itemStyle、emphasis、blur、select
- データ
- link: このノードをクリックするとジャンプできるハイパーリンク
- ターゲット:ジャンプメソッド
- 子: 子ノード
- value、id、name、visualXXX、colorXXX、visibleMin、childrenVisibleMin、label、upperLabel、itemStyle、強調、ぼかし、選択、ツールチップ
- id、name、zlevel、z、left、top、right、bottom、width、height、label、itemStyle、emphasis、blur、select、selectedMode、labelLine、labelLayout、silent、animationXXX、tooltip
9.サンバースト
サンバースト チャートは多層のドーナツ チャートで構成されており、データ構造的には、内側の円が外側の円の親ノードになります。
- タイプ:サンバースト
- データ
- 子: 子ノード
- 値、名前、リンク、ターゲット、ラベル、ラベルライン、アイテムスタイル、強調、ぼかし、選択、ツールチップ
- nodeClick: ノードをクリックした後の動作、false (応答なし)、rootToNode (ノードをクリックした後、ノードはルート ノードになります)、リンク (ハイパーリンク)
- sort: デフォルトでは値で並べ替えます。パラメータには desc、asc、null、コールバック関数が含まれます。
- renderLabelForZeroData: データに名前がない場合、名前をレンダリングする必要がありますか?
- id、name、zlevel、z、center、radius、時計回り、startAngle、label、labelLine、labelLayout、itemStyle、emphasis、blur、select、selectedMode、levels、tooltip、animationXXX
10.箱ひげ図
箱ひげ図と箱ひげ図は、一連のデータの分散を表示するために使用される統計グラフです。データセットの最大値、最小値、中央値、下位四分位、上位四分位を表示できます
- タイプ:箱ひげ図
- hoverAnimation: ボックス上のホバーのアニメーション効果をオンにするかどうか
- レイアウト: レイアウト方法、オプションの水平、垂直
- boxWidth: ボックスの幅の上限と下限、
[min, max]
- データ
- 名前、値、groupId、itemStyle、強調、ぼかし、選択、ツールチップ
- id、cooperativeSystem、yAxisIndex、xAxisIndex、name、colorBy、legendHoverLink、itemStyle、emphasis、blur、select、selectedMode、dimensions、encode、dataGroupId、markXXX、zlevel、z、silent、animationXXX、universalTransaction、tooltip
11.ローソク足
K 折れ線グラフ
- タイプ:ローソク足
- large: 大量のデータ量の最適化を有効にするかどうか
- largeThreshold: 描画の最適化をオンにするためのしきい値
- データ
- 名前、値、groupId、itemStyle、強調、ぼかし、選択、ツールチップ
- id、coコーディネートSystem、yAxisIndex、xAxisIndex、name、colorBy、legendHoverLink、hoverAnimation、layout、barWidth、barMinWidth、barMaxWidth、itemStyle、emphasis、blur、select、selectedMode、progressive、progressiveThreshold、progressiveChunkMode、dimensions、encode、dataGroupId、markXXX、clip、 zlevel、z、silent、animationXXX、universalTransaction、ツールチップ
12.ヒートマップ
ヒート マップは主に色を使用して数値の大きさを表すため、visualMap コンポーネントとともに使用する必要があります。
- タイプ:ヒートマップ
- pointSize: 地理座標系で有効な各ポイントのサイズ
- BlurSize: 各ポイントのぼかしサイズ。地理座標系で有効です。
- minOpacity: 最小透明度、地理座標系で有効
- maxOpacity: 上記と同じ
- seriesLayoutBy: シリーズに対応させるためにデータセット内の行と列のどちらを使用するかを指定します。取り得る値の列、行
- データ
- 名前、値、groupId、ラベル、itemStyle、強調
- id、name、cooperativeSystem、yAxisIndex、xAxisIndex、geoIndex、calendarIndex、progressXXX、label、labelLayout、itemStyle、emphasis、universalTransaction、blur、select、selectedMode、encode、datasetIndex、dataGroupId、markXXX、zlevel、z、silent、tooltip
13、地図
地図
- タイプ:マップ
- map: registerMap を使用して登録されたマップ名
- 投影: カスタム マップ投影
- project: 緯度と経度の座標を他の座標に投影します。
- unproject: 投影後の座標に基づいて投影前の緯度経度の座標を計算します。
- stream: 主に d3-geo で使用されるストリーム インターフェイスに適応するために使用されます。
- center: 現在の視点の中心点
- アスペクトスケール: スケール マップに使用されるアスペクト比。投影が設定されている場合は無効です。
- boundingCoords: 位置の左上隅と右下隅に対応する経度と緯度を定義する 2 次元配列。
- ズーム: 現在の視点のズーム率
- scaleLimit: スクロール ホイール ズームの制限制御
- min: 最小スケーリング値
- 最大: 上記と同じ
- nameMap: カスタム領域名のマッピング
- nameProperty: デフォルトは
'name'
GeoJSON フィーチャのカスタム プロパティ名で、データ ポイントと GeoJSON 地理フィーチャを関連付ける主キーとして使用されます。 - layoutCenter: 画面上のマップ中心の位置を定義します。
- レイアウトサイズ: マップサイズ
- geoIndex: 地理コンポーネントを指定します。
- mapValueCalculation: 同じマップ タイプを持つ複数のシリーズが同じマップを使用して表示されます。複数のシリーズが同じエリアに値を持つ場合、ECharts はこれらの値をカウントして 1 つのデータを取得します。この設定項目は、統計を設定するために使用されます。オプションのパラメータは、sum、average、min、max
- showLegendSymbol: 凡例の対応する領域に凡例の色の識別を表示します。
- データ
- 名前、値、groupId、selected、label、labelLine、itemStyle、強調、選択、ツールチップ
- id、name、colorBy、roam、selectedMode、label、labelLayout、labelLine、itemStyle、emphasis、select、zlevel、z、left、top、right、bottom、seriesLayoutBy、datasetIndex、dataGroupId、markXXX、silent、universalTransaction、tooltip
14、パラレル
一連の平行座標系
- タイプ:パラレル
- inactiveOpacity: ボックスを選択したとき、選択されていない線の透明度
- activeOpacity: ボックスを選択したとき、選択された線の透明度
- リアルタイム: リアルタイムで更新するかどうか
- データ
- 色: 線の色
- 幅: 線幅
- タイプ: 線の種類
- dumpOffset: ダッシュのオフセット
- 名前、値、lineStyle、cap、join、miterLimit、shadowXXX、opacity、emphasis
- id、coコーディネートシステム、ParallelIndex、name、colorBy、lineStyle、emphasis、smooth、progressive、progressiveThreshold、progressiveChunkMode、zlevel、z、silent、animationXXX
15.行
路線図は始点と終点の情報を持った線データを描画するもので、主に路線や経路の可視化に利用されます。
- 種類:線
- PolyLine: 複数の線分のセグメントかどうか
- エフェクト: ラインエフェクトの設定
- show: 特殊効果を表示するかどうか
- period: 特殊効果アニメーションの時間、単位は秒
- 遅延: 特殊効果アニメーションの遅延
- constantSpeed: 特殊効果グラフィックスの移動アニメーションを固定速度 (単位 px/s) にするかどうかを設定します。
- シンボル:特殊効果グラフィックマーク
- シンボルサイズ: 特殊効果グラフィック マークのサイズ
- カラー:マークカラー
- trailLength: 特殊効果の軌跡の長さ
- ループ:ループ表示するかどうか
- RoundTrip: アニメーションが終点に到達したときに、元のパスに戻るかどうか
- データ
- coords: 2 つ以上の 2 次元座標を含む配列
- 名前、グループID、線スタイル、ラベル、強調、ぼかし、選択、ツールチップ
- id、name、colorBy、cooperativeSystem、xAxisIndex、yAxisIndex、geoIndex、large、largeThreshold、symbol、symbolSize、lineStyle、label、labelLayout、emphasis、blur、select、selectedMode、progressive、progressiveThreshold、dataGroupId、markXXX、clip、zlevel、z、サイレント、アニメーションXXX、ユニバーサルトランザクション、ツールチップ
16. グラフ
関係図。ノード間の関係データを表示するために使用されます。
- 種類:グラフ
- 円形: 円形レイアウトに関連する構成
- rotateLabel: ラベルを回転するかどうか。デフォルトでは回転しません。
- Force:フォースガイダンスレイアウトに関する設定項目
- initLayout: 強制ガイダンス レイアウト前の初期化レイアウト。初期化レイアウトは強制ガイダンスの効果に影響します。
- repulsion: 節点間の反発係数。
- Gravity: ノードが中心に向かって受ける重力要因。値が大きいほど、ノードは中心点に近づきます。
- edgeLength: エッジの 2 つのノード間の距離
- layoutAnimation: レイアウトの反復アニメーションを表示するかどうか
- 摩擦: このパラメータはノードの動きを遅くします。値の範囲は 0 ~ 1 です。
- nodeScaleRatio: マウスがローミングおよびズームしたときのノードの応答スケーリング比率。
- edgeSymbol: エッジの両端のマークの種類で、両端を個別に指定する配列でもよいし、単一の統一指定でもよい。
- edgeSymbolSize: エッジの両端のマークのサイズで、両端を個別に指定する配列でも、一律に指定することもできます。
- エッジラベル
- show、position、formatter、textStyle に似ています
- カテゴリ: ノード分類のカテゴリ
- 名前、シンボルXXX、項目スタイル、ラベル、強調、ぼかし、選択
- autoCurveness: ノード間に複数のエッジがある場合、各エッジの曲率を自動的に計算します。デフォルトでは有効になっていません。
- 日付
- x: ノードの初期 x 値
- y:同上
- fix: ノードが強制ガイド レイアウトで固定されているかどうか。
- カテゴリ: データ項目が配置されているカテゴリのインデックス。
- 名前、値、シンボルXXX、項目スタイル、ラベル、強調、ぼかし、選択、ツールチップ
- ノード: エイリアス、データと同じ
- リンク: ノード間の関係データ
- source: エッジのソース ノードの名前を含む文字列。ソース ノードのインデックスを表す数値の使用もサポートされます。
- target: エッジのターゲット ノードの名前を含む文字列。ソース ノードのインデックスを表す数値の使用もサポートされます。
- value: エッジの値。強制ガイド付きレイアウトでエッジの長さにマッピングするために使用できます。
- ignoreForceLayout: この側はフォース マップ レイアウトに対して計算されません。
- lineStyle、lineStyle、ラベル、強調、ぼかし、選択、シンボル、シンボルサイズ
- エッジ: エイリアス、リンクと同じ
- id、name、legendHoverLink、cooperativeSystem、xAxisIndex、yAxisIndex、polarIndex、geoIndex、calendarIndex、center、zoom、layout、roam、scaleLimit、draggable、symbolXXX、cursor、itemStyle、lineStyle、label、emphasis、blur、select、selectedMode、markXXX、 zlevel、z、左、上、右、下、幅、高さ、サイレント、アニメーションXXX、ツールチップ
セブンティーン、サンキー
サンキー グラフは特殊なフロー グラフ (有向非巡回グラフとみなすことができます) です。主に、原材料やエネルギーなどが、初期の形状から中間プロセスを経て、最終的な状態に至るまでどのように加工または変換されるかを表現するために使用されます。
- タイプ:サンキー
- nodeWidth: サンキー ダイアグラム内の各長方形ノードの幅。
- nodeGap: サンキー ダイアグラムの各列内の任意の 2 つの長方形ノード間のギャップ。
- nodeAlign: サンキー ダイアグラム内のノードの配置。デフォルトは両端揃え (両端揃え) で、左揃え (left) または右揃え (right) に設定できます。
- layoutIterations: レイアウトの反復数。目的は、グラフ内のノードとエッジの位置を継続的に繰り返し最適化し、ノードとエッジ間の相互被覆を減らすことです。デフォルト値は 32 です。グラフ内のノードの順序を元のデータ内の順序にしたい場合は、この値を 0 に設定します。
- レベル: サンキー ダイアグラムの各レイヤーの設定。レイヤーごとに設定できます。
- Depth: サンキーダイアグラムのどの層を設定するかを指定します。値は 0 から始まります。
- ラベル、エッジラベル、アイテムスタイル、線スタイル、強調、ぼかし、選択
- データ
- 名前: ノード名
- 値: ノード値
- Depth: ノードが配置されているレイヤー。値は 0 から始まります。
- itemStyle、ラベル、強調、ぼかし、選択、ツールチップ
- node:同 data
- id、name、zlevel、z、left、top、right、bottom、width、height、orient、draggable、edgeLabel、label、labelLayout、itemStyle、lineStyle、emphasis、blur、select、selectedMode、links、edge、silent、animationXXX、ツールチップ
18.漏斗
ファネルチャート
- タイプ:ファンネル
- min: 指定されたデータの最小値。
- max: 指定したデータの最大値。
- minSize: 最小データ最小マッピングの幅。
- maxSize: 最大データ最大マッピングの幅。
- sort: データの並べ替え。「昇順」、「降順」、「なし」(データの順序を示す)、または関数を指定できます。
- funnelAlign: 水平配置レイアウト タイプ、デフォルトは中央配置、利用可能なオプションは次のとおりです: 'left' | 'right' | 'center'
- ギャップ: データ グラフィック間の間隔。
- データ
- 名前、値、項目スタイル、ラベル、ラベルライン、強調、ぼかし、選択、ツールチップ
- id、name、colorBy、orient、legendHoverLink、label、labelLine、itemStyle、labelLayout、emphasis、blur、select、selectedMode、zlevel、z、left、top、right、bottom、width、height、seriesLayoutBy、datasetIndex、dimensions、encode、 dataGroupId、markPoint、markLine、markArea、silent、animationXXX、universalTransition、tooltip
19、ゲージ
ダッシュボード
- タイプ:ゲージ
- title: ダッシュボードのタイトル。
- textStyleに似ている
- 詳細: ダッシュボードの詳細。データの表示に使用されます。
- textStyleに似ている
- データ
- title: ダッシュボードのタイトル
- textStyleに似ている
- 詳細: ダッシュボードの詳細。データの表示に使用されます。
- textStyleに似ている
- 名前、値、項目スタイル
- title: ダッシュボードのタイトル
- min: minAngle にマップされる最小のデータ値。
- max: maxAngle にマッピングされる最大のデータ値。
- SplitNumber: ダッシュボード スケールの分割セグメントの数。
- progress: 現在の進行状況を表示します。
- オーバーラップ: 複数のデータセットがある場合にプログレスバーが重なるかどうか。
- width: プログレスバーの幅。
- RoundCap: 両端に円を表示するかどうか。
- クリップ: 余分な部分をトリミングするかどうか。
- ショー、アイテムスタイル
- splitLine: 分割線のスタイル。
- 長さ: 分割線の長さ。相対半径パーセンテージをサポート
- 距離: 分割線と軸の間の距離。
- ショー、ラインスタイル
- axisTick: 目盛りのスタイル。
- splitNumber: ディバイダー間で分割されるティックの数。
- 長さ: 目盛りの長さ。相対半径パーセンテージをサポートします。
- 距離: 目盛りと軸の間の距離。
- ショー、ラインスタイル
- ポインター: ダッシュボード ポインター。
- showAbove: タイトルとダッシュボードの詳細の上にポインターを表示するかどうか。
- offsetCenter: インストルメント パネルの中心を基準としたオフセット位置。配列の最初の項目は水平オフセット、2 番目の項目は垂直オフセットです。絶対値またはダッシュボード半径に対する相対的なパーセンテージを指定できます。
- length: ポインタの長さ。絶対値または半径に対する半分の比率を指定できます。
- width: ポインタの幅。
- keepAspect: スケーリング時にグラフィックのアスペクト比を維持するかどうか。
- 表示、アイコン、アイテムスタイル
- アンカー: ダイヤル上のポインタの固定点
- show、showAbove、サイズ、アイコン、offsetCenter、keepAspect、itemStyle
- id、name、colorBy、zlevel、z、center、radius、legendHoverLink、startAngle、endAngle、時計回り、axisLine、axisLabel、itemStyle、emphasis、markXXX、silent、animationXXX、tooltip
20. ピクトリアルバー
ピクトグラム棒グラフ、ピクトグラム棒グラフは、さまざまな具体的なグラフィック要素(写真、SVG PathDataなど)を設定できる棒グラフです。インフォグラフィックスでよく使われます。少なくとも 1 つのカテゴリ軸または時間軸を持つ直交座標系で使用されます。
- タイプ:絵バー
- バーに似ている
22、テーマ川
テーマ リバーは特殊なタイプのフロー グラフであり、主に一定期間にわたるイベントやトピックの変化を表すために使用されます。
- タイプ:テーマ川
- データ:
- date: 時間またはトピックの時間属性。
- 値、名前
- id、name、colorBy、zlevel、z、left、top、right、bottom、width、height、cooperativeSystem、boundaryGap、singlAxisIndex、label、labelLine、labelLayout、itemStyle、emphasis、blur、select、selectMode、tooltip
23、カスタム
カスタム シリーズ。カスタム シリーズでは、シリーズ内のグラフィック要素のレンダリングをカスタマイズできます。これはさまざまなチャートに拡張できます。
- タイプ:カスタム
- プロパティは残りと同様です