utils-echart/dist/types/utils-map/common.ts

Echart component

import { FlyLineFormat } from "./interface";

/** 地图数据列表 */
export const mapJsonList = {} as any;

/** 地图配置项 */
export const mapOption = {
  backgroundColor: "black",
  tooltip: {
    show: true,
    trigger: "axis",
    alwaysShowContent: false,
    backgroundColor: "black",
    borderColor: "black",
    showDelay: 0,
    hideDelay: 100,
    triggerOn: "mousemove",
    enterable: true,
    textStyle: {
      color: "#DADADA",
      fontSize: "12",
      width: 20,
      height: 30,
      overflow: "break",
    },
  },
  geo: {
    map: "",
    roam: false,
    zlevel: 1,
    zoom: 1.2,
    label: {
      show: true,
      color: "white",
    },
    itemStyle: {
      areaColor: "rgba(6, 49, 96, 1)",
      borderColor: "rgba(255, 255, 255, 0.3500)",
      borderType: "dashed",
      borderWidth: 0,
    },
    emphasis: {
      itemStyle: {
        borderWidth: 0,
      },
      label: {
        color: "white",
      },
    },
    tooltip: {
      show: true,
    },
    regions: [] as any[],
  },
  series: [] as any[],
};

/** 飞线系列 */
export const flySeries = {
  type: "lines",
  zlevel: 10,
  effect: {
    show: true,
    period: 6,
    trailLength: 0.7,
    color: "orange",
    symbol: "",
    symbolSize: 5,
  },
  lineStyle: {
    show: true,
    color: "#F56C6C",
    width: 2,
    opacity: 0.4,
    curveness: 0.2,
  },
  data: [] as FlyLineFormat[],
};

/** 点位系列 */
export const pointSeries = {
  type: "effectScatter",
  coordinateSystem: "geo",
  geoIndex: 0,
  symbol: "",
  symbolSize: 8,
  rippleEffect: {
    scale: 3.5,
  },
  itemStyle: {
    color: "#F56C6C",
  },
  encode: {
    tooltip: 2,
  },
  emphasis: {
    scale: true,
  },
  data: [] as any[],
};