import { ChartTypeBits } from '@univerjs-pro/sheets-chart';
    export enum ChartTypeBits {
        None = 0,
        Line = 1 << 1,
        Column = 1 << 2,
        ColumnStacked = ChartTypeBits.Column | ChartAttributeBits.Stack,
        ColumnPercentStacked = ChartTypeBits.Column | ChartAttributeBits.PercentStack,
        Bar = 1 << 2 | ChartAttributeBits.Horizontal,
        BarStacked = ChartTypeBits.Bar | ChartAttributeBits.Stack,
        BarPercentStacked = ChartTypeBits.Bar | ChartAttributeBits.PercentStack,
        Pie = 1 << 3,
        Doughnut = 1 << 8 | ChartTypeBits.Pie,
        Area = 1 << 4,
        AreaStacked = ChartTypeBits.Area | ChartAttributeBits.Stack,
        AreaPercentStacked = ChartTypeBits.Area | ChartAttributeBits.PercentStack,
        Radar = 1 << 5,
        Scatter = 1 << 6,
        Combination = 1 << 7,
    }

export interface IChartBuildOptions {
    /**
     * @property {string} [title] The title of the chart.
     */
    title?: {
        /**
         * @property {string} [titlePosition] The position of the chart title.
         */
        position?: TitlePositionEnum;
    } & IChartTextStyle;
    /**
     * @property {string} [legend] The legend of the chart.
     */
    legend?: {
        /**
         * @property {string} [legendPosition] The position of the legend.The possible values are 'top', 'bottom', 'left', 'right' & 'hide'.
         */
        position?: LegendPositionEnum;
        /**
         * @property {number} [fontSize] The font size of the legend.
         */
        fontSize?: number;
        /**
         * @property {string} [color] The font color of the legend.
         */
        color?: string;
        /**
         * @property {string} [bold] The font style of the legend.
         */
        bold?: boolean;
        /**
         * @property {string} [italic] The font weight of the legend.
         */
        italic?: boolean;
        /**
         * @property {SelectModeEnum} [selectMode] The select mode of the legend.The possible values are 'single', 'multiple' & 'close'.
         */
        selectMode?: SelectModeEnum;
    };
    /**
     * @property {string} [xAxisTitle] The x-axis title of the chart.
     * @example
     * ```ts
     * chartBuilder.setOptions('xAxisTitle.content', 'xAxis Title text')
     * .setOptions('xAxisTitle.font', 1)
     * .setOptions('xAxisTitle.fontSize', 12)
     * .setOptions('xAxisTitle.fontColor', '#ff0000')
     * .build();
     * ```
     */
    xAxisTitle?: IChartTextStyle;
    /**
     * @property {string} [rightYAxisTitle] The right y-axis title of the chart.
     */
    yAxisTitle?: IChartTextStyle;
    /**
     * @property {string} [rightYAxisTitle] The right y-axis title of the chart.
     */
    rightYAxisTitle?: IChartTextStyle;
    xAxis?: IAxisOptions;
    yAxis?: IAxisOptions;
    yRightAxis?: IAxisOptions;
    axisPointer?: {
        /**
         * @property {string} [indicatorLineType] The line type of the axis pointer.
         */
        indicatorLineType?: string;
        /**
         * @property {ChartBorderDashType} [indicatorLineColor] The line color of the axis pointer.The maybe values are 'solid', 'dotted', 'dashed'.
         */
        indicatorLineColor?: ChartBorderDashType;
        /**
         * @property {string} [indicatorLabelColor] The line width of the axis pointer.
         */
        indicatorLabelColor?: string;
        /**
         * @property {string} [indicatorLabelTextColor] The font color of the axis pointer.
         */
        indicatorLabelTextColor?: string;
    };
    allSeriesStyle?: IAllSeriesStyle;
    seriesStyleMap?: {
        [id: string]: ISeriesStyle;
    };
    /**
     * @property {string} [area] The area of line/area chart.
     */
    area?: {
        lineStyle: AreaLineStyle;
    };
    backgroundColor?: string;
    borderColor?: string;
    gradientFill?: boolean;
    theme?: string;
    invalidValueType?: InvalidValueType;
}

  const fWorkbook = univerAPI.getActiveWorkbook();
  const fSheet = fWorkbook.getActiveSheet();
  // 创建一个折线图的builder
  const chartBuilder = fSheet.newChart().asLineChart();
  const chartInfo = chartBuilder.addRange('A1:D6')
  // 设置位置
  .setPosition(1, 1, 0, 0)
  // 设置指示线
  .setAxisPointerStyle({
      indicatorLabelColor: '#ff0000',
      indicatorLineType: 'solid',  //ChartBorderDashType.Solid
      indicatorLineColor: '#00ff00',
      indicatorLabelTextColor: '#0000ff',
  })
  // 设置数据点大小
  .setDataPointSize(8)
  // 设置数据点形状
  .setDataPointShape('triangle')
  // 触发build
  .build();
  // 传入 build结果创建图表
  const fChart = await fSheet.insertChart(chartInfo);
  // 等待执行insert 完成并渲染
  setTimeout( () => {
      if (fChart) {
          const chartBuilder = fSheet.newChart(fChart);
          // get the series data
          const first = fChart.getSeriesData()[0];
          // 设置第一个系列颜色为红色
          chartBuilder.setSeriesStyle(first.index, {
              color: '#ff0000',
          }).build();
          // 更新图表
          fSheet.updateChart(chartBuilder);
      }
  }
  , 1000);