shu-c-gdatlas v2.1.8
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.
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
3 years ago
3 years ago
3 years ago