no message
Former-commit-id: 2ac08bdf73416d40f32a3f7965369cb28d4329d3 [formerly 2ac08bdf73416d40f32a3f7965369cb28d4329d3 [formerly 2ac08bdf73416d40f32a3f7965369cb28d4329d3 [formerly 2ac08bdf73416d40f32a3f7965369cb28d4329d3 [formerly 7edbaec35ed1435f9b321dc93a6fc638390e62c1 [formerly 2b79008703fe8c1f2dfc0e74d07589f55f68fa15]]]]] Former-commit-id: 43f9f620117aa19760d79743b2358e02473f45e6 Former-commit-id: 447bd2d9ae835cc47ceab1283c3b24a5406a234e Former-commit-id: 0d221eda984865e1d036159f6d92c2858634055c [formerly b6c26e2313ea3786c93d68c6394e4b2c59bdbe17] Former-commit-id: 79fdc885d3dc2a91ec43a48a11242c8a9f3ffdb1 Former-commit-id: 0959cb5dcdfe874efcb14c4ad8ed2fd5a1886516 Former-commit-id: c7cee26e0b0a5dd22d724c43c0e92828d84fab99 Former-commit-id: f75348850386038a04efa082a8bf71d5d5663f6b Former-commit-id: 65e82442f2b596e30e183f0522bb4e3a64408738
This commit is contained in:
Submodule docs/.vuepress/dist updated: 6a49eba420...ba65e258b0
@@ -1,4 +1,8 @@
|
||||
# 图表
|
||||
# 图表 [ G2 ]
|
||||
|
||||
::: tip
|
||||
此文档仅对 `1.1.0` 及其以下版本有效,`1.1.1` 开始变更了图表库
|
||||
:::
|
||||
|
||||
## 介绍
|
||||
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
|
||||
首先建议您升级 node 版本 > 8,在以下环境测试可用
|
||||
|
||||
```
|
||||
```{10}
|
||||
➜ ~ npm -v
|
||||
5.6.0
|
||||
➜ ~ node -v
|
||||
@@ -37,4 +37,135 @@ el-scrollbar 组件是 ElementUI 自带的一个隐藏组件,没有写入文
|
||||
|
||||
## 兼容性
|
||||
|
||||
首先 vue.js 和 ElementUI 做不到兼容的,D2Admin 肯定也兼容不了,实测在 macOS 下 Chrome 和新版本的火狐浏览器以及 Safari 都正常使用,这类管理系统一般是内部使用,通常不必太纠结兼容低版本浏览器,如果你发现了显示的 bug,可以加 QQ 群反应,如果你可以修复这个 bug 使其在你的浏览器上显示正常,欢迎你的 pr。
|
||||
首先 vue.js 和 ElementUI 做不到兼容的,D2Admin 肯定也兼容不了,实测在 macOS 下 Chrome 和新版本的火狐浏览器以及 Safari 都正常使用,这类管理系统一般是内部使用,通常不必太纠结兼容低版本浏览器,如果你发现了显示的 bug,可以加 QQ 群反应,如果你可以修复这个 bug 使其在你的浏览器上显示正常,欢迎你的 pr。
|
||||
|
||||
## 删除项目里的 G2 图表库
|
||||
|
||||
出于为用户考虑,作者个人实现的图表集成方案肯定不如其它专门做这方面的开源产品(这是肯定的,客观来讲作者的个人水平和 v-charts 的团队水平不在一个等级),所以G2 图表库在 `1.1.1` 版本删除,后续版本换成 `v-charts`。如果你在开始使用 D2Admin 是在 `1.1.0` 以及之前,你的项目里应该有 G2 图表库,如果你不想保留,下面的向导将会指导你删除它
|
||||
|
||||
::: tip
|
||||
下面的教程都是在 `1.1.0` 版本(行号为下载后没进行任何改动的行号)基础上
|
||||
:::
|
||||
|
||||
1. 删除相关路由
|
||||
|
||||
删除文件 `src/router/index.js` 中 **34 ~ 53** 行代码
|
||||
|
||||
``` js
|
||||
{
|
||||
path: '/demo/chart',
|
||||
name: 'demo-chart',
|
||||
meta,
|
||||
redirect: { name: 'demo-chart-index' },
|
||||
component: () => import('@/components/core/d2-layout-main'),
|
||||
children: (pre => [
|
||||
...
|
||||
])('demo-chart-')
|
||||
},
|
||||
```
|
||||
|
||||
2. 删除菜单
|
||||
|
||||
删除文件 `src/menu/index.js` 中 **119 ~ 143** 以及 **240** 和 **256** 行代码
|
||||
|
||||
``` js
|
||||
// 路由菜单 图表
|
||||
const demoChart = {
|
||||
path: '/demo/chart',
|
||||
title: '图表 G2',
|
||||
icon: 'pie-chart',
|
||||
children: (pre => [
|
||||
...
|
||||
])('/demo/chart/')
|
||||
}
|
||||
```
|
||||
|
||||
``` js{5,12}
|
||||
export const side = [
|
||||
demoPlugins,
|
||||
demoComponents,
|
||||
demoElement,
|
||||
demoChart // <- 注意这里
|
||||
]
|
||||
// 修改为
|
||||
export const side = [
|
||||
demoPlugins,
|
||||
demoComponents,
|
||||
demoElement
|
||||
// 删除了 demoChart
|
||||
]
|
||||
```
|
||||
|
||||
``` js{13,31}
|
||||
export default [
|
||||
{
|
||||
path: '/index',
|
||||
title: '首页'
|
||||
},
|
||||
{
|
||||
path: '/demo',
|
||||
title: '集成功能',
|
||||
children: [
|
||||
demoPlugins,
|
||||
demoComponents,
|
||||
demoElement,
|
||||
demoChart, // <- 注意这里
|
||||
{
|
||||
title: '空菜单演示',
|
||||
icon: 'folder-o',
|
||||
children: [ ...
|
||||
// 修改为
|
||||
export default [
|
||||
{
|
||||
path: '/index',
|
||||
title: '首页'
|
||||
},
|
||||
{
|
||||
path: '/demo',
|
||||
title: '集成功能',
|
||||
children: [
|
||||
demoPlugins,
|
||||
demoComponents,
|
||||
demoElement,
|
||||
// 删除了 demoChart
|
||||
{
|
||||
title: '空菜单演示',
|
||||
icon: 'folder-o',
|
||||
children: [ ...
|
||||
```
|
||||
|
||||
3. 删除文件
|
||||
|
||||
* 删除 `src/components/charts` 目录
|
||||
|
||||
* 删除 `src/components/index.js` 中的相关内容(高亮部分)
|
||||
|
||||
```js{5-6}
|
||||
// 核心组件
|
||||
import './core/register'
|
||||
// 非核心组件 只是在很多演示页面中用到的组件
|
||||
import './demo/register'
|
||||
// 图表组件
|
||||
import './charts/register'
|
||||
```
|
||||
|
||||
* 删除 `src/mock/chart` 目录
|
||||
|
||||
* 删除 `src/mock/register.js` 中的相关内容(高亮部分)
|
||||
|
||||
```js{7}
|
||||
import Mock from 'mockjs'
|
||||
|
||||
import '@/mock/ajax-demo'
|
||||
|
||||
import '@/mock/login'
|
||||
|
||||
import '@/mock/chart/register.js'
|
||||
|
||||
// 设置全局延时 没有延时的话有时候会检测不到数据变化 建议保留
|
||||
Mock.setup({
|
||||
timeout: '300-600'
|
||||
})
|
||||
```
|
||||
|
||||
* 删除 `src/pages/demo/chart` 目录
|
||||
Reference in New Issue
Block a user