前端style框架

React Style : Bootstrap , Material-UI

Material-UI

// 用npm安装
npm install @material-ui/core

自己练习 - clock

Ant Design of React

基于 React.js

Echart

推荐教程

使用方式

1. 直接生成为component图表 js文件

2. init方式 直接引用component

   文字描述不清楚，可以直接看admin library中例子

github

常见问题：”export ‘default’ (imported as ‘ECharts’) was not found in ‘echarts/lib/echarts.js’

解决办法：

1. 引入echarts的地方改为

import * as echarts from 'echarts' // 如果不这样会爆出warning

1. webpack的DefinePlugin里加入如下字段

// 此处根据情况自行修改，结果为boolean就行，true的情况下会多一些日志信息
'__DEV__': process.env.node_env === 'dev' 

或者

npm un echarts && npm i -E echarts@3.7.2 zrender@3.6.3

例子

由于实在经常卡住 所以就把例子贴上来了

Vue Echart

有人推荐，但是由于文档非常蛋疼 然后我用的时候经常有问题 um~

使用文档

react echarts

npm install echarts-for-react echarts

Antv

也是很有用的数据可视化

Element for Vue

基于 Vue.js

步骤: 先布局 -> 然后插入模板 -> 注意下面的值

基础教程

iview for Vue

基于 Vue.js··