alarm-component/src/style/colors.js

import * as echarts from 'echarts';

export const LineColors = [
  {
    color: '#2A6FF6',
    areaStyle: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
      {
        offset: 0,
        color: 'rgba(42, 111, 246, 0.2)',
      },
      {
        offset: 1,
        color: 'rgba(42, 111, 246, 0)',
      },
    ]),
  },
  {
    color: '#19AFFA',
    areaStyle: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
      {
        offset: 0,
        color: 'rgba(25,175,250, 0.2)',
      },
      {
        offset: 1,
        color: 'rgba(25,175,250, 0)',
      },
    ]),
  },
  {
    color: '#2DA641',
    areaStyle: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
      {
        offset: 0,
        color: 'rgba(45,166,65, 0.2)',
      },
      {
        offset: 1,
        color: 'rgba(45,166,65, 0)',
      },
    ]),
  },
  {
    color: '#FAD20C',
    areaStyle: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
      {
        offset: 0,
        color: 'rgba(250,210,12, 0.2)',
      },
      {
        offset: 1,
        color: 'rgba(250,210,12, 0)',
      },
    ]),
  },
  {
    color: '#ED6A0C',
    areaStyle: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
      {
        offset: 0,
        color: 'rgba(237,106,12, 0.2)',
      },
      {
        offset: 1,
        color: 'rgba(237,106,12, 0)',
      },
    ]),
  },
  {
    color: '#BA257C',
    areaStyle: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
      {
        offset: 0,
        color: 'rgba(186,37,124, 0.2)',
      },
      {
        offset: 1,
        color: 'rgba(186,37,124, 0)',
      },
    ]),
  },
  {
    color: '#7031FF',
    areaStyle: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
      {
        offset: 0,
        color: 'rgba(112,49,255, 0.2)',
      },
      {
        offset: 1,
        color: 'rgba(112,49,255, 0)',
      },
    ]),
  },
];

export const PieColor = LineColors.map((item) => item.color);

export const BarColors = ['#235DCE', '#658DDD', '#1593D2', '#5BB3DF'];