vue-echarts-simple\

一个基于vue2.x和echarts封装简单的图表组件，使其更简单、实用。
目前只完成带闪点的中国地图、世界地图

使用实例

安装
npm install vue-echarts-simple

全局引入
import simpleEcharts from 'vue-echarts-simple'
Vue.use(simpleEcharts);

局部引入
import simpleEcharts from 'vue-echarts-simple'
components: {
  EffectScatterMap: simpleEcharts.EffectScatterMap
},

使用
html：
<effect-scatter-map
  :scatterData="scatterData"
  :effectScatterData="effectScatterData"
  :geoConfig="{
    map: 'china',
  }"
></effect-scatter-map>

配置项列表(对象及数组参照echarts配置文档)

echarts配置项文档.

EffectScatterMap

| 参数 | 说明 | 类型 | 默认值 | 对应echarts配置项 | |:-------------------------|:-------------------------|:---------|:---------|:---------------------------| | width | 宽度 | String | 100% | 无 | | height | 高度 | String | 100% | 无 | | titleConfig | 标题配置 | Object | {} | title | | tooltipConfig | 地图鼠标悬浮提示配置信息 | Object | {} | tooltip | | legendConfig | 地图图例配置信息 | Object | {} | legend | | backgroundColor | 背景色配置 | Object | {} | backgroundColor | | geoConfig | 地图配置 | Object | {} | geo | | seriesScatterConfig | 普通点配置 | Object | {} | series-scatter | | seriesEffectScatterConfig| 闪点配置 | Object | {} | series-effectScatter | | scatterData | 普通数据 | Array | [] | series-scatter.data | | effectScatterData | 闪点数据 | Array | [] | series-effectScatter.data |

本项目安装运行

安装支持包

npm install

开发运行项目

npm run serve

打包项目

npm run build

校验文件

npm run lint

打npm包

npm run lib

本项目目录结构

├── lib   npm包打包文件存放目录
├── packages  组件源文件
│   └─── EffectScatterMap  带闪点的地图文件夹
│        ├── index.js  组件引入方法设置
│        └── EffectScatterMap.vue  组件实现文件
├── public  vue项目公用无需打包的静态文件
├── .gitignore  git提交忽略文件
├── .npmignore  npm包发布忽略文件
├── package.json  项目包管理文件
└ src  vue项目主目录
    ├── assets  组件静态资源
    │   └─── featureCollection  // 区域特征集合
    │         ├─── china.json 中国经纬度
    │         └─── world.json 世界经纬度
    ├── App.vue  vue项目入口文件
    ├── index.js npm包安装引入配置文件
    └── main.js  vue项目主配置文件

github仓库地址

github仓库地址.