Skip to content

系列の表示設定

値ラベルの設定

系列の値をラベルとしてチャート上に表示することができます。要素数が多いチャートではノイズとなりがちですが、要素数の少ないチャートでは値を即座に確認できるため便利です。

ts
type ValueLabelSettings = {
  show?: boolean;  // 値ラベルを表示する場合は true を指定
  formatter?: FormatterSettings;
  rotate?: boolean;
}

系列の表示カスタマイズ設定

XYチャートXYZチャートで共通で利用される系列の表示カスタマイズのための設定です。

  • いずれの設定も初期値から変更したい場合のみ指定してください
  • サイズの単位は px です

共通定義

ts
type SymbolType = "circle" | "rect" | "none" | "roundRect" | "triangle" | "diamond";
type LineType = "solid" | "dashed" | "dotted";

バブルチャート

ts
type BubbleSettings = {
  bubble_size_calc_type?: 'LINEAR' | 'SQRT' | 'LOG';
  bubble_size_range?: {
    start: number;
    end: number;
  };
};

散布図

ts
type PointSettings = {
  point_symbol?: SymbolType;
  point_size?: number;
};

折れ線グラフ

ts
type LineSettings = {
  line_symbol?: SymbolType;
  line_symbol_size?: number;
  line_type?: LineType;
  line_width?: number;
};

面グラフ

ts
type AreaSettings = {
  area_line_symbol?: SymbolType;
  area_line_symbol_size?: number;
  area_line_type?: LineType;
  area_line_width?: number;
};