//饼图内嵌饼图
export const leftEcharts = {
  tooltip: {
    trigger: "item",
  },
  // title: {
  //     text:'采集',
  //     left:'center',
  //     top:'30%',
  //     padding:[24,0],
  //     textStyle:{
  //         color:'#303133',
  //         fontSize:'24px',
  //         align:'center',
  //         fontWeight:'800'
  //     }
  // },
  // legend: {
  //     top: '5%',
  //     left: 'right'
  // },
  // legend: {
  //     selectedMode:false,
  //     formatter: function(name) {
  //         return '{total|' + 1 + '}';
  //     },
  //     // data: [echartData[0].name],
  //     // data: ['高等教育学'],
  //     // itemGap: 50,
  //     left: 'center',
  //     top: 'center',
  //     icon: 'none',
  //     align:'center',
  //     textStyle: {
  //         color: "#fff",
  //         fontSize: '16px',
  //         // rich: rich
  //     },
  // },
  series: [
    {
      name: "访问来源",
      type: "pie",
      // silent:true,
      radius: ["71%", "95%"],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: "center",
      },
      // emphasis: {
      //     label: {
      //         show: true,
      //         fontSize: '40',
      //         fontWeight: 'bold'
      //     }
      // },
      labelLine: {
        show: false,
      },
      itemStyle: {
        normal: {
          color: function (params) {
            let colorList = [
              "#EE6666",
              "#EEA966",
              "#FAC858",
              "#91CC75",
              "#7754C6",
            ];
            return colorList[params.dataIndex];
          },
          // color: ['#EE6666', '#EEA966','#FAC858','#91CC75','#7754C6']
        },
      },
      data: [
        { value: 1048, name: "搜索引擎" },
        { value: 735, name: "直接访问" },
        { value: 580, name: "邮件营销" },
        { value: 484, name: "联盟广告" },
        { value: 300, name: "视频广告" },
      ],
    },
    {
      name: "访问来源",
      type: "pie",
      // silent:true,
      radius: ["49%", "61%"],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: "center",
      },
      color: ["red"],
      itemStyle: {
        normal: {
          color: function (params) {
            let colorList = ["#3893F0", "#4ECAE9"];
            return colorList[params.dataIndex];
          },
        },
      },
      // emphasis: {
      //     label: {
      //         show: true,
      //         fontSize: '40',
      //         fontWeight: 'bold'
      //     }
      // },
      labelLine: {
        show: false,
      },
      data: [
        { value: 1048, name: "搜索引擎" },
        { value: 735, name: "直接访问" },
      ],
    },
  ],
};
//进度条
export const progress = {
  backgroundColor: "#ffffff",
  grid: {
    top: 0,
    bottom: 0,
    left: 0,
    right: 0,
  },
  xAxis: {
    show: false,
    type: "value",
    boundaryGap: [0, 0],
  },
  yAxis: [
    {
      type: "category",
      data: [""],
      axisLine: { show: false },
      axisTick: [
        {
          show: false,
        },
      ],
    },
  ],
  series: [
    {
      name: "金额",
      type: "bar",
      zlevel: 1,
      itemStyle: {
        normal: {
          barBorderRadius: 4,
          color: "#3893F0",
        },
      },
      barWidth: 16,
      data: [10],
    },
    {
      name: "背景",
      type: "bar",
      barWidth: 16,
      barGap: "-100%",
      data: [20],
      itemStyle: {
        normal: {
          color: "#F5F7FA",

          barBorderRadius: 4,
        },
      },
    },
  ],
};
//进度条2
export const progresser = {
  backgroundColor: "#ffffff",
  grid: {
    top: 0,
    bottom: 0,
    left: 0,
    right: 0,
  },
  xAxis: {
    show: false,
    type: "value",
    boundaryGap: [0, 0],
  },
  yAxis: [
    {
      type: "category",
      data: [""],
      axisLine: { show: false },
      axisTick: [
        {
          show: false,
        },
      ],
    },
  ],
  series: [
    {
      name: "金额",
      type: "bar",
      zlevel: 1,
      itemStyle: {
        normal: {
          barBorderRadius: 4,
          color: "#FAC858",
        },
      },
      barWidth: 16,
      data: [10],
    },
    {
      name: "背景",
      type: "bar",
      barWidth: 16,
      barGap: "-100%",
      data: [20],
      itemStyle: {
        normal: {
          color: "#F5F7FA",

          barBorderRadius: 4,
        },
      },
    },
  ],
};
//雷达图
export const radarup = {
  radar: {
    // shape: 'circle',
    name: {
      color: "#303133",
      fontSize: 12,
      formatter: function (value, indicator) {
        var num = indicator.max;
        return value + "\n" + num + "件";
      },
    },
    axisLine: {
      //
      lineStyle: {
        color: "#ebeff6",
      },
    },
    indicator: [
      { name: "中转、直达", max: 6500 },
      { name: "特殊行李", max: 16000 },
      { name: "常客等级", max: 30000 },
      { name: "要客VVIP、VIP", max: 38000 },
      { name: "追运行李", max: 52000 },
      { name: "翻仓行李", max: 25000 },
    ],
  },
  series: [
    {
      name: "Budget vs spending",
      type: "radar",
      areaStyle: {
        normal: {
          color: "rgba(124, 222, 246, 0.2)",
        },
      },
      symbolSize: 0,
      lineStyle: {
        normal: {
          color: "rgba(124, 222, 246, 1)",
          width: 2,
        },
      },
      data: [
        {
          value: [5000, 14000, 28000, 26000, 42000, 21000],
          name: "Actual Spending",
        },
      ],
    },
  ],
};
//告警图
export const Alarmecahrt = {
  tooltip: {
    trigger: "item",
  },
  series: [
    {
      name: "",
      type: "pie",
      radius: ["30%", "95%"],
      avoidLabelOverlap: false,
      // silent:true,
      itemStyle: {
        borderRadius: 7,
        borderColor: "#fff",
        borderWidth: 2,
      },
      label: {
        show: false,
        // position: 'center'
      },
      // emphasis: {
      //   label: {
      //     show: true,
      //     fontSize: '40',
      //     fontWeight: 'bold'
      //   }
      // },
      labelLine: {
        show: false,
      },
      color: ["#EE6666", "#EEA966"],
      data: [
        { value: 1048, name: "告警" },
        { value: 735, name: "预警" },
      ],
    },
  ],
};
//日志图
export const journalcahrt = {
  // title: {
  //   text: 'Stacked Line'
  // },
  // tooltip: {
  //   trigger: 'axis'
  // },
  // legend: {
  //   data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
  // },
  // backgroundColor:"#F5F7FA",
  grid: {
    top: "3%",
    left: "3%",
    right: "4%",
    bottom: "10%",
    containLabel: true,
  },
  // toolbox: {
  //   feature: {
  //     saveAsImage: {}
  //   }
  // },
  xAxis: {
    type: "category",
    boundaryGap: false,
    data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
  },
  yAxis: [
    {
      type: "value",
      splitArea: {
        show: true,
        areaStyle: {
          color: ["#F5F7FA", "#F5F7FA"], //折线图背景
        },
      },
    },
  ],
  series: [
    {
      name: "Email",
      symbol: "none",
      type: "line",
      stack: "Total",
      color: "#91CC75",
      data: [120, 132, 101, 134, 90, 230, 210],
    },
    {
      name: "Union Ads",
      type: "line",
      symbol: "none",
      color: "#FAC858",
      stack: "Total",
      data: [220, 182, 191, 234, 290, 330, 310],
    },
    {
      name: "Video Ads",
      type: "line",
      color: "#4ECAE9",
      symbol: "none",
      stack: "Total",
      data: [150, 232, 201, 154, 190, 330, 410],
    },
  ],
};
//环图
export const ReverseGraph = {
  angleAxis: {
    max: 100, // 满分
    clockwise: false, // 逆时针
    // 隐藏刻度线
    axisLine: {
      show: false,
    },
    axisTick: {
      show: false,
    },
    axisLabel: {
      show: false,
    },
    splitLine: {
      show: false,
    },
  },
  radiusAxis: {
    type: "category",
    // 隐藏刻度线
    axisLine: {
      show: false,
    },
    axisTick: {
      show: false,
    },
    axisLabel: {
      show: false,
    },
    splitLine: {
      show: false,
    },
  },
  polar: {
    center: ["50%", "50%"],
    radius: "175%", //图形大小
  },
  series: [
    {
      type: "bar",
      data: [
        {
          name: "作文得分",
          value: 75,
          itemStyle: {
            normal: {
              color: "red",
              // colorStops: [
              //     {
              //       offset: 0, color: 'rgba(137,185,253,0.59)' // 0% 处的颜色
              //     },
              //     {
              //       offset: 0.25, color: 'rgba(137,185,253,0.39)' // 50% 处的颜色
              //     },
              //     {
              //       offset: 0.75, color: 'rgba(137,185,253,0.1)' // 50% 处的颜色
              //     },
              //     {
              //       offset: 1, color: 'rgba(137,185,253,0.07)' // 100% 处的颜色
              //     }
              // ],
            },
          },
        },
      ],
      coordinateSystem: "polar",
      roundCap: true,
      barWidth: 14,
      barGap: "-100%", // 两环重叠
      z: 2,
    },
    {
      // 灰色环
      type: "bar",
      silent: true,
      data: [
        {
          value: 100,
          itemStyle: {
            color: "#F5F7FA",
            shadowColor: "#F5F7FA",
            shadowBlur: 5,
            shadowOffsetY: 2,
          },
        },
      ],
      coordinateSystem: "polar",
      roundCap: true,
      barWidth: 14,
      barGap: "-100%", // 两环重叠
      z: 1,
    },
  ],
};
export const collectionStatistics = {
  title: {
    // text: '2019年销售水量和主营业务收入对比',
    textStyle: {
      align: "center",
      color: "#fff",
      fontSize: 20,
    },
    top: "3%",
    left: "0%",
  },
  // backgroundColor: '#F5F7FA',
  grid: {
    top: "10%",
    left: "5%",
    right: "5%",
    bottom: "15%", //也可设置left和right设置距离来控制图表的大小
  },
  tooltip: {
    trigger: "axis",
    axisPointer: {
      type: "shadow",
      label: {
        show: true,
      },
    },
  },
  // legend: {
  //   data: ["环比", ""],
  //   top: "0%",
  //   right: "10%",
  //   icon: "rect",
  //   textStyle: {
  //     color: "#ffffff",
  //   },
  // },
  // tooltip: {
  //   trigger: "axis",
  //   axisPointer: {
  //     type: "shadow",
  //   },
  // },
  xAxis: {
    data: [],
    axisLine: {
      show: true, //隐藏X轴轴线
      lineStyle: {
        color: "#000000",
      },
    },
    axisTick: {
      show: true, //隐藏X轴刻度
    },
    axisLabel: {
      show: true,
      textStyle: {
        color: "#000000", //X轴文字颜色
      },
    },
  },
  yAxis: [
    {
      type: "value",
      name: "",
      nameTextStyle: {
        color: "#000000",
      },
      splitLine: {
        show: false,
      },
      axisTick: {
        show: false,
      },

      axisLine: {
        show: true,
        lineStyle: {
          color: "#000000",
        },
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: "#000000",
        },
      },
    },
    {
      type: "value",
      name: "",
      nameTextStyle: {
        color: "#000000",
      },
      splitLine: {
        show: false,
      },
      axisTick: {
        show: false,
      },

      axisLine: {
        show: true,
        lineStyle: {
          color: "#000000",
        },
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: "#000000",
        },
      },
    },
  ],
  series: [
    {
      name: "环比",
      type: "line",
      yAxisIndex: 1,
      smooth: false, //平滑曲线显示
      showAllSymbol: true, //显示所有图形。
      symbol: "circle", //标记的图形为实心圆
      symbolSize: 15, //标记的大小
      hoverAnimation: false,
      // itemStyle: {
      //     //折线拐点标志的样式
      //     color: "#66C87F",
      //     borderWidth: '10',
      // },
      itemStyle: {
        color: "#CE2872",
        borderColor: "#fff",
        borderWidth: 4,
        shadowColor: "rgba(0, 0, 0, 0)",
        shadowBlur: 0,
        shadowOffsetY: 2,
        shadowOffsetX: 2,
      },
      lineStyle: {
        color: "#CE2872",
      },
      // areaStyle: {
      //   color: "rgba(117,211,199, 0.16)",
      // },
      data: [],
    },
    {
      name: "",
      type: "bar",
      barWidth: 18,
      yAxisIndex: 0,
      itemStyle: {
        color: {
          type: "linear",
          x: 0,
          y: 0,
          x2: 0,
          y2: 1,
          colorStops: [
            {
              offset: 0,
              color: "#595FAE", // 0% 处的颜色
            },
            {
              offset: 0.2,
              color: "#595FAE", // 0% 处的颜色
            },
            {
              offset: 1,
              color: "#595FAE", // 100% 处的颜色
            },
          ],
        },
      },
      data: [],
    },
  ],
};
