data-room/data-room-ui/packages/BasicComponents/FlyMap/settingConfig.js

import { commonConfig, displayOption } from 'data-room-ui/js/config'
// import Icon from 'data-room-ui/assets/images/bigScreenIcon/export'
import cloneDeep from 'lodash/cloneDeep'
import * as iconData from 'data-room-ui/assets/symbols/bigScreenIcon/iconfont.json'
const iconNames = iconData.glyphs.map(item => item.name).sort((a, b) => a.localeCompare(b))
export const settingConfig = {
  padding: [30, 30, 50, 80],
  legend: false,
  isGroup: true,
  data: [],
  color: '',
  theme: 'dark',
  displayOption: {
    ...displayOption,
    params: {
      enable: true
    },
    headerField: {
      enable: false
    },
    mapField: {
      enable: false
    },
    metricField: {
      // 指标
      label: '维度',
      enable: false,
      multiple: false // 是否多选
    },
    dimensionField: {
      // 表格列
      label: '展示字段', // 维度/查询字段
      enable: false,
      multiple: false // 是否多选
    }
  }
}
const customConfig = {
  type: 'flyMap',
  root: {
    version: '2023071001',
    contribution: false
  },
  customize: {
    // 是否显示文字
    mapName: false,
    // 悬浮框背景色
    tooltipBackgroundColor: '#0C121C',
    // 悬浮框边框色
    borderColor: 'rgba(0, 0, 0, 0.16)',
    // 悬浮框字体颜色
    fontColor:'#DADADA',
    // 打点图背景颜色
    scatterBackgroundColor: 'rgba(255,0,0,.7)',
    // 打点图文字颜色
    scatterColor: 'rgba(165, 108, 91, 1)',
    // 打点图中心点文字颜色
    scatterCenterColor:'rgba(205, 196, 110, 1)',
    // 分割线颜色
    mapLineColor: 'rgba(53, 86, 165, 1)',
    // 水印字体颜色
    fontGraphicColor: '#fff',
    fontSize:'30',
    // 是否开启下钻
    down: false,
    // 轨迹图像
    symbol: 'arrow',
    // 轨迹颜色
    symbolColor: '#01AAED',
    // 轨迹大小
    symbolSize:8,
    // 地图级别
    level: 'country',
    // 范围
    scope: '中国',
    // 地图区域颜色
    areaColor: 'rgba(31, 50, 121, 1)',
    // 是否开启筛选
    visual: true,
    graphic:['中华人民共和国'],
    // 筛选范围
    range: [0, 100],
    scatterFormatter:'`<p style="text-align:center;font-size: 14px">${params.name}</p>`',
    // 格式化脚本
    lineFormatter:'`<p style="font-size: 16px">销售额</p><div>${params.data.msg.from}-->${params.data.msg.to} ${params.data.msg.value} </div>`',
    // 从上到下的颜色
    rangeColor: ['rgba(165, 108, 91, 1)', 'rgba(205, 196, 110, 1)'],
    // 地图数据
    dataMap: '中华人民共和国.json',
    // 展示字段
    value: '',
    // 横坐标
    xaxis: '',
    // 纵坐标
    yaxis: '',
    // 名称
    name: ''

  }
}

export const dataConfig = {
  ...commonConfig(customConfig)
}

export const FlyMapData = {
  name: '飞线图',
  title: '飞线图',
  icon: iconNames[5],
  className:
    'com.gccloud.dataroom.core.module.chart.components.ScreenFlyMapChart',
  w: 800,
  h: 700,
  x: 0,
  y: 0,
  type: 'flyMap',
  option: {
    ...cloneDeep(settingConfig)
  },
  setting: undefined, // 右侧面板自定义配置
  dataHandler: {}, // 数据自定义处理js脚本
  ...cloneDeep(dataConfig)
}