const color = [
  {
    type: "linear",
    x: 0,
    y: 0,
    x2: 1,
    y2: 1,
    colorStops: [
      { offset: 0, color: "#94c7fd" },
      { offset: 0.5, color: "#3b99fb" },
      { offset: 1, color: "#004ca0" },
    ],
  },
  {
    type: "linear",
    x: 0,
    y: 0,
    x2: 1,
    y2: 1,
    colorStops: [
      { offset: 0, color: "#b070c0" },
      { offset: 0.5, color: "#b070c0" },
      { offset: 1, color: "#5d235d" },
    ],
  },
  {
    type: "linear",
    x: 0,
    y: 0,
    x2: 1,
    y2: 1,
    colorStops: [
      { offset: 0, color: "#7eedd6" },
      { offset: 0.5, color: "#3be8bb" },
      { offset: 1, color: "#00b38a" },
    ],
  },
  {
    type: "linear",
    x: 0,
    y: 0,
    x2: 0,
    y2: 1,
    colorStops: [
      { offset: 0, color: "#fff1f0" },
      { offset: 0.5, color: "#ff9494" },
      { offset: 1, color: "#ff4d4f" },
    ],
  },
  {
    type: "linear",
    x: 0,
    y: 0,
    x2: 0,
    y2: 1,
    colorStops: [
      { offset: 0, color: "#fffbe6" },
      { offset: 0.5, color: "#ffe58f" },
      { offset: 1, color: "#ffbb96" },
    ],
  },
  {
    type: "linear",
    x: 0,
    y: 0,
    x2: 0,
    y2: 1,
    colorStops: [
      { offset: 0, color: "#ff3333" },
      { offset: 0.5, color: "#ff0000" },
      { offset: 1, color: "#cc0000" },
    ],
  },
  {
    type: "linear",
    x: 0,
    y: 0,
    x2: 0,
    y2: 1,
    colorStops: [
      { offset: 0, color: "#ffe6f0" },
      { offset: 0.5, color: "#ffb3d9" },
      { offset: 1, color: "#ff85c0" },
    ],
  },
];

export default {
  color,
  textStyle: {
    fontSize: 12,
    color: "#fff",
  },
  legend: {
    textStyle: {
      color: "#fff",
    },
  },
  tooltip: {
    textStyle: {
      align: "left",
    },
  },
};