Function useAggregationGraphState

Returns {
    canvasRef: Ref<
        undefined
        | HTMLCanvasElement,
        undefined | HTMLCanvasElement,
    >;
    getChartConfig: () => ChartConfiguration<keyof ChartTypeRegistry>;
    getCustomPluginList: () => ChartComponentLike[];
    getGraphSize: () => string;
    getSelectedData: () => AggregationResultData[];
    getSelectedList: () => number[][];
    graphState: ComputedRef<AggregationGraphState>;
    initGraphBaseInfo: (
        __namedParameters: {
            chartConfig: AggregationGraphConfig;
            data: AggregationResultData[];
            labels: AggregationResultLabel[];
        },
    ) => void;
    initGraphState: (
        __namedParameters: {
            aggregationType: "Simple" | "Crosstab";
            chartConfig: AggregationGraphConfig;
            data: AggregationResultData[];
            index?: number;
            labels: AggregationResultLabel[];
        },
    ) => void;
    initPiePolarAreaGraphState: (
        params: {
            aggregationType: "Simple" | "Crosstab";
            chartConfig: AggregationGraphConfig;
            data: AggregationResultData[];
            index: number;
            labels: AggregationResultLabel[];
        },
    ) => void;
    initPyramidGraphState: (
        __namedParameters: {
            aggregationType: "Simple" | "Crosstab";
            chartConfig: AggregationGraphConfig;
            data: AggregationResultData[];
            index: number;
            labels: AggregationResultLabel[];
        },
    ) => void;
    isCompleted: ComputedRef<boolean>;
    outputImage: (fileName: string) => Promise<void>;
    plotBandsBackgroundPlugin: { beforeDraw: (chart: any) => void; id: string };
    pyramidSeriesLabels: ComputedRef<string[]>;
    renderChart: () => Promise<void>;
    resetZoom: () => void;
    setChartRefType: (chartRef: any, type: string) => any;
    setDarkTheme: (darkTheme: boolean) => void;
}

• canvasRef: Ref<undefined | HTMLCanvasElement, undefined | HTMLCanvasElement>

  キャンバス要素の参照

• getChartConfig: () => ChartConfiguration<keyof ChartTypeRegistry>

  グラフの設定を取得する

• getCustomPluginList: () => ChartComponentLike[]

  カスタムプラグインを取得する

• getGraphSize: () => string

  グラフのサイズを取得する

• getSelectedData: () => AggregationResultData[]

  選択されたデータを取得する

• getSelectedList: () => number[][]

  選択リストを取得する

• graphState: ComputedRef<AggregationGraphState>

  グラフの状態

• initGraphBaseInfo: (
      __namedParameters: {
          chartConfig: AggregationGraphConfig;
          data: AggregationResultData[];
          labels: AggregationResultLabel[];
      },
  ) => void

  グラフの基本情報を初期化する

• initGraphState: (
      __namedParameters: {
          aggregationType: "Simple" | "Crosstab";
          chartConfig: AggregationGraphConfig;
          data: AggregationResultData[];
          index?: number;
          labels: AggregationResultLabel[];
      },
  ) => void

  グラフの状態を初期化する

• initPiePolarAreaGraphState: (
      params: {
          aggregationType: "Simple" | "Crosstab";
          chartConfig: AggregationGraphConfig;
          data: AggregationResultData[];
          index: number;
          labels: AggregationResultLabel[];
      },
  ) => void

  円グラフまたは極座標グラフの状態を初期化する

• initPyramidGraphState: (
      __namedParameters: {
          aggregationType: "Simple" | "Crosstab";
          chartConfig: AggregationGraphConfig;
          data: AggregationResultData[];
          index: number;
          labels: AggregationResultLabel[];
      },
  ) => void

  ピラミッドグラフの状態を初期化する

• isCompleted: ComputedRef<boolean>

  グラフ描画が完了しているかどうか

• outputImage: (fileName: string) => Promise<void>

  画像をダウンロードする

• plotBandsBackgroundPlugin: { beforeDraw: (chart: any) => void; id: string }

  2目盛り毎に色分け背景色を描画するカスタムプラグイン

• pyramidSeriesLabels: ComputedRef<string[]>

  ピラミッドグラフの系列ラベル

• renderChart: () => Promise<void>

  グラフを描画

• resetZoom: () => void

  ズームをリセットする

• setChartRefType: (chartRef: any, type: string) => any

  グラフの参照を特定の型に変換する

• setDarkTheme: (darkTheme: boolean) => void

  ダークテーマを設定する