/*
 * @Author: changjun
 * @FilePath: /yuan-qingdao-zld-browser/src/components/chart/options/theme.ts
 * @Date: 2022-09-05 15:33:45
 * @Description: 
 * @LastEditTime: 2022-09-13 14:47:11
 * @LastEditors: changjun
 */
export const lineChartThemeColor = {
  'light': {
    legendTextColor: 'rgba(0,0,0,0.4000)',
    axisLabelColor: 'rgba(0,0,0,0.4000)',
    axisLineColor: 'rgba(0,0,0,0.05)',
    titleColor: 'rgba(0,0,0,0.4000)',
    colorList: ['#0095FF', '#E65857', '#FE7F09', '#4E9B40', '#45BCCA', '#677DFF', '#9E7AFE', '#F7C424', '#F481FF', '#DB00BC'],
  },

  'dark': {
    legendTextColor: 'rgba(255,255,255,0.4000)',
    axisLabelColor: 'rgba(255,255,255,0.4000)',
    axisLineColor: 'rgba(159, 159, 159, .3)',
    titleColor: 'rgba(255,255,255,0.4000)',
    colorList: ['rgba(114, 197, 255, 1)', 'rgba(233, 136, 136, 1)', 'rgba(255, 194, 137, 1)', 'rgba(15, 215, 170, 1)', 'rgba(125, 241, 255, 1)', 'rgba(217, 223, 255, 1)', 'rgba(229, 219, 255, 1)', 'rgba(255, 241, 195, 1)', 'rgba(250, 199, 255, 1)']
  }
}


export const barChartThemeColor = {
  'light': {
    legendTextColor: 'rgba(0,0,0,0.4000)',
    axisLabelColor: 'rgba(0,0,0,0.4000)',
    axisLineColor: 'rgba(0,0,0,0.05)',
    titleColor: 'rgba(0,0,0,0.4000)',
    colorList: ['#0095FF', '#E65857', '#FE7F09', '#4E9B40', '#45BCCA', '#677DFF', '#9E7AFE', '#F7C424', '#F481FF', '#DB00BC']
  },

  'dark': {
    legendTextColor: 'rgba(255,255,255,0.4)',
    axisLabelColor: 'rgba(255,255,255,0.5)',
    axisLineColor: 'rgba(159, 159, 159, .3)',
    titleColor: 'rgba(255,255,255,0.4000)',
    colorList: ['rgba(127, 148, 198, 1)', 'rgba(170, 183, 204, 1)', 'rgba(155, 155, 177, 1)', 'rgba(141, 128, 152, 1)', 'rgba(125, 101, 127, 1)', 'rgba(143, 115, 111, 1)', 'rgba(139, 104, 99, 1)', 'rgba(142, 105, 62, 1)', 'rgba(146, 99, 99, 1)', 'rgba(152, 128, 146, 1)', 'rgba(151, 146, 113, 1)', 'rgba(158, 157, 110, 1)']
  }
}


export const chartCommonThemeColor = {
  'light': {
    colorList: ['#0095FF', '#E65857', '#FE7F09', '#4E9B40', '#45BCCA', '#677DFF', '#9E7AFE', '#F7C424', '#F481FF', '#DB00BC'],
    tooltip: {
      backgroundColor: 'rgba(255,255,255,0.96)',
      textStyle: {
        color: 'rgba(0, 0, 0, 0.6500)'
      }
    }
  },

  'dark': {
    colorList: ['rgba(114, 197, 255, 1)', 'rgba(233, 136, 136, 1)', 'rgba(255, 194, 137, 1)', 'rgba(15, 215, 170, 1)', 'rgba(125, 241, 255, 1)', 'rgba(217, 223, 255, 1)', 'rgba(229, 219, 255, 1)', 'rgba(255, 241, 195, 1)', 'rgba(250, 199, 255, 1)'],
    tooltip: {
      backgroundColor: 'rgba(42,61,85,0.8)',
      textStyle: {
        color: 'rgba(255, 255, 255, 0.6)'
      }
    }
  }
}

export const roseChartThemeColor = {
  'light': {
    rich: {
      name: 'rgba(0,0,0,0.65)',
      value: 'rgba(0,0,0,0.4)',
      percent: 'rgba(0,0,0,0.4)',
    },
    emptyCircleStyle: {
      color: 'rgba(0,0,0,0.4)'
    }
  },

  'dark': {
    rich: {
      name: 'rgba(255, 255, 255, .6)',
      value: 'rgba(255, 255, 255, .4)',
      percent: 'rgba(255, 255, 255, .4)',
    },
    emptyCircleStyle: {
      color: 'rgba(255, 255, 255, .4)'
    }
  }
}

export const getLineChartThemeColor = (theme) => {
  return lineChartThemeColor[theme]
}

export const getBarChartThemeColor = (theme) => {
  return barChartThemeColor[theme]
}

export const getRoseChartThemeColor = (theme) => {
  return roseChartThemeColor[theme]
}


export const getCommonTheme = (theme) => {
  return chartCommonThemeColor[theme]
}