shu-c-gdatlas

shuCGDChart

这是一个以 d3、d3-cloud、echarts和echarts-liquidfill 为基础的高阶封装可视化图表组件，封装了一些需要自定义扩展的可视化组件。

安装和快速上手

npm 安装

安装依赖包

• shu-c-gdchart

npm i shu-c-gdchart --save

• echarts

npm i echarts@4.9.0 --save

• echarts-liquidfill（水球图依赖），echarts-liquidfill 如果有需要用到水球图，则需要安装

npm i echarts-liquidfill@1.1.1 --save

• lodash （帮助函数插件）

lodash如果使用的是脚手架那么可能脚手架已经帮你安装了（比如：Vue CLI）。

npm i lodash --save

CDN

cdn 服务网络js文件暂未发布，如果需要使用请至目录：

node_modules
└──shu-c-gdchart
     └──lib
          └──iife
              └──shu-c-gdchart.js

将shu-c-gdchart.js拷贝到你项目中的 static 目录内，然后使用：

<script src="/static/shu-c-gdchart.js"></script>

main.js

• webpack中使用，echarts、d3和d3-cloud 请使用 script 引入到项目的html页面中

• echarts-liquidfill 请点击下载，放入项目中并以script标签引入到项目的html页面中

echarts-liquidfill 请点击下载

import Vue from 'vue';
Vue.use(window.shuCGDChart.install);

new Vue({
  render: h => h(App)
}).$mount('#app')

---

快速上手

webpack

在 main.js 中写入以下内容：

import Vue from 'vue';
import shuCGdChart from 'shu-c-gdchart';

Vue.use(shuCGdChart);

new Vue({
  render: h => h(App)
}).$mount('#app')

Browsers support

Modern browsers and IE10.

IE / Edge	Firefox	Chrome	Safari	Opera
IE10, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions

last 2 versions 每个浏览器最新的两个版本

Contributors

This project exists thanks to all the people who contribute.

AnnBeiHuang