@zsqcli/mmapgworld

0.0.2 • Public • Published

一:说明: 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: 图例标题

Readme

Keywords

none

Package Sidebar

Install

npm i @zsqcli/mmapgworld

Weekly Downloads

0

Version

0.0.2

License

none

Unpacked Size

2.22 MB

Total Files

19

Last publish

Collaborators

  • zousuqin