一:说明: echarts的世界范围流入流出类的组件
二:使用: npm i @zsqcli/mmapgworld
import React from 'react'; import MMapgworld from '@zsqcli/mmapgworld';
const MyComponent = () => { return ( <MMapgworld configer={{ clazz: '', params: '', url: '', method: '', cityProperty: 'cityName', width: '400px', height: '400px', valueProperty: 'totalScore', dataType: 1, data: [{ cityName: '江苏', totalScore: 800 }, { cityName: '河北', totalScore: 278 }, { cityName: '山西', totalScore: 370 }, { cityName: '辽宁', totalScore: 260 }, { cityName: '吉林', totalScore: 552 }, { cityName: '安徽', totalScore: 632 }, { cityName: '福建', totalScore: 328 }, { cityName: '江西', totalScore: 918 }, { cityName: '山东', totalScore: 412 }, { cityName: '湖北', totalScore: 324 }], Coords: Coords, mapJson: mapJson1, destName: '鄞州',legendShow: '是', legendTitle: '流入流出量(万)', lineColor: ['#ff3333', '#ffa500', '#ffff00', '#0aff00', '#00ffff'], piecesValue: [0, 200, 400, 600, 800] }} /> ) }
三:字段说明 x: y: clazz: 可添加的组件的className params: 请求的传参参数 url: 请求的url地址 method: 请求方式 width: 组件的整体宽度 height: 组件的整体高度 data: 数据 cityProperty: 地方属性名 valueProperty: 数据值属性名 Coords: 地方及坐标数据 mapJson: 地图数据 destName: 目的地 lineColor: 线条颜色 piecesValue: 数据分隔值 legendShow: 图例是否展示 legendTitle: 图例标题