Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
InJoyU
vue-element-admin
提交
8c204b98
V
vue-element-admin
项目概览
InJoyU
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
5
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
8c204b98
编写于
11月 17, 2017
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
rm:remove keyboard2 demo
上级
339d7607
变更
6
显示空白变更内容
内联
并排
Showing
6 changed file
with
61 addition
and
204 deletion
+61
-204
src/components/Charts/keyboard.vue
src/components/Charts/keyboard.vue
+58
-21
src/components/Charts/keyboard2.vue
src/components/Charts/keyboard2.vue
+0
-150
src/lang/en.js
src/lang/en.js
+0
-1
src/lang/zh.js
src/lang/zh.js
+0
-1
src/router/index.js
src/router/index.js
+3
-6
src/views/charts/keyboard2.vue
src/views/charts/keyboard2.vue
+0
-25
未找到文件。
src/components/Charts/keyboard.vue
浏览文件 @
8c204b98
...
@@ -45,21 +45,22 @@ export default {
...
@@ -45,21 +45,22 @@ export default {
const
xAxisData
=
[]
const
xAxisData
=
[]
const
data
=
[]
const
data
=
[]
for
(
let
i
=
0
;
i
<
30
;
i
++
)
{
const
data2
=
[]
xAxisData
.
push
(
i
+
'
号
'
)
for
(
let
i
=
0
;
i
<
50
;
i
++
)
{
data
.
push
(
Math
.
round
(
Math
.
random
()
*
2
+
3
))
xAxisData
.
push
(
i
)
data
.
push
((
Math
.
sin
(
i
/
5
)
*
(
i
/
5
-
10
)
+
i
/
6
)
*
5
)
data2
.
push
((
Math
.
sin
(
i
/
5
)
*
(
i
/
5
+
10
)
+
i
/
6
)
*
3
)
}
}
this
.
chart
.
setOption
(
this
.
chart
.
setOption
(
{
{
backgroundColor
:
'
#08263a
'
,
backgroundColor
:
'
#08263a
'
,
tooltip
:
{
xAxis
:
[{
trigger
:
'
axis
'
},
xAxis
:
{
show
:
false
,
show
:
false
,
data
:
xAxisData
data
:
xAxisData
},
},
{
show
:
false
,
data
:
xAxisData
}],
visualMap
:
{
visualMap
:
{
show
:
false
,
show
:
false
,
min
:
0
,
min
:
0
,
...
@@ -84,19 +85,56 @@ export default {
...
@@ -84,19 +85,56 @@ export default {
color
:
'
#08263f
'
color
:
'
#08263f
'
}
}
},
},
axisTick
:
{}
axisTick
:
{
show
:
false
}
},
},
series
:
[{
series
:
[{
name
:
'
back
'
,
type
:
'
bar
'
,
type
:
'
bar
'
,
data
,
data
:
data2
,
name
:
'
撸文数
'
,
z
:
1
,
itemStyle
:
{
itemStyle
:
{
normal
:
{
normal
:
{
opacity
:
0.4
,
barBorderRadius
:
5
,
barBorderRadius
:
5
,
shadowBlur
:
10
,
shadowBlur
:
3
,
shadowColor
:
'
#111
'
shadowColor
:
'
#111
'
}
}
}
},
{
name
:
'
Simulate Shadow
'
,
type
:
'
line
'
,
data
,
z
:
2
,
showSymbol
:
false
,
animationDelay
:
0
,
animationEasing
:
'
linear
'
,
animationDuration
:
1200
,
lineStyle
:
{
normal
:
{
color
:
'
transparent
'
}
},
},
areaStyle
:
{
normal
:
{
color
:
'
#08263a
'
,
shadowBlur
:
50
,
shadowColor
:
'
#000
'
}
}
},
{
name
:
'
front
'
,
type
:
'
bar
'
,
data
,
xAxisIndex
:
1
,
z
:
3
,
itemStyle
:
{
normal
:
{
barBorderRadius
:
5
}
}
}],
animationEasing
:
'
elasticOut
'
,
animationEasing
:
'
elasticOut
'
,
animationEasingUpdate
:
'
elasticOut
'
,
animationEasingUpdate
:
'
elasticOut
'
,
animationDelay
(
idx
)
{
animationDelay
(
idx
)
{
...
@@ -105,7 +143,6 @@ export default {
...
@@ -105,7 +143,6 @@ export default {
animationDelayUpdate
(
idx
)
{
animationDelayUpdate
(
idx
)
{
return
idx
*
20
return
idx
*
20
}
}
}]
})
})
}
}
}
}
...
...
src/components/Charts/keyboard2.vue
已删除
100644 → 0
浏览文件 @
339d7607
<
template
>
<div
:class=
"className"
:id=
"id"
:style=
"
{height:height,width:width}">
</div>
</
template
>
<
script
>
import
echarts
from
'
echarts
'
export
default
{
props
:
{
className
:
{
type
:
String
,
default
:
'
chart
'
},
id
:
{
type
:
String
,
default
:
'
chart
'
},
width
:
{
type
:
String
,
default
:
'
200px
'
},
height
:
{
type
:
String
,
default
:
'
200px
'
}
},
data
()
{
return
{
chart
:
null
}
},
mounted
()
{
this
.
initChart
()
},
beforeDestroy
()
{
if
(
!
this
.
chart
)
{
return
}
this
.
chart
.
dispose
()
this
.
chart
=
null
},
methods
:
{
initChart
()
{
this
.
chart
=
echarts
.
init
(
document
.
getElementById
(
this
.
id
))
const
xAxisData
=
[]
const
data
=
[]
const
data2
=
[]
for
(
let
i
=
0
;
i
<
50
;
i
++
)
{
xAxisData
.
push
(
i
)
data
.
push
((
Math
.
sin
(
i
/
5
)
*
(
i
/
5
-
10
)
+
i
/
6
)
*
5
)
data2
.
push
((
Math
.
sin
(
i
/
5
)
*
(
i
/
5
+
10
)
+
i
/
6
)
*
3
)
}
this
.
chart
.
setOption
(
{
backgroundColor
:
'
#08263a
'
,
xAxis
:
[{
show
:
false
,
data
:
xAxisData
},
{
show
:
false
,
data
:
xAxisData
}],
visualMap
:
{
show
:
false
,
min
:
0
,
max
:
50
,
dimension
:
0
,
inRange
:
{
color
:
[
'
#4a657a
'
,
'
#308e92
'
,
'
#b1cfa5
'
,
'
#f5d69f
'
,
'
#f5898b
'
,
'
#ef5055
'
]
}
},
yAxis
:
{
axisLine
:
{
show
:
false
},
axisLabel
:
{
textStyle
:
{
color
:
'
#4a657a
'
}
},
splitLine
:
{
show
:
true
,
lineStyle
:
{
color
:
'
#08263f
'
}
},
axisTick
:
{
show
:
false
}
},
series
:
[{
name
:
'
back
'
,
type
:
'
bar
'
,
data
:
data2
,
z
:
1
,
itemStyle
:
{
normal
:
{
opacity
:
0.4
,
barBorderRadius
:
5
,
shadowBlur
:
3
,
shadowColor
:
'
#111
'
}
}
},
{
name
:
'
Simulate Shadow
'
,
type
:
'
line
'
,
data
,
z
:
2
,
showSymbol
:
false
,
animationDelay
:
0
,
animationEasing
:
'
linear
'
,
animationDuration
:
1200
,
lineStyle
:
{
normal
:
{
color
:
'
transparent
'
}
},
areaStyle
:
{
normal
:
{
color
:
'
#08263a
'
,
shadowBlur
:
50
,
shadowColor
:
'
#000
'
}
}
},
{
name
:
'
front
'
,
type
:
'
bar
'
,
data
,
xAxisIndex
:
1
,
z
:
3
,
itemStyle
:
{
normal
:
{
barBorderRadius
:
5
}
}
}],
animationEasing
:
'
elasticOut
'
,
animationEasingUpdate
:
'
elasticOut
'
,
animationDelay
(
idx
)
{
return
idx
*
20
},
animationDelayUpdate
(
idx
)
{
return
idx
*
20
}
})
}
}
}
</
script
>
src/lang/en.js
浏览文件 @
8c204b98
...
@@ -21,7 +21,6 @@ export default {
...
@@ -21,7 +21,6 @@ export default {
charts
:
'
Charts
'
,
charts
:
'
Charts
'
,
chartsIndex
:
'
Introduction
'
,
chartsIndex
:
'
Introduction
'
,
keyboardChart
:
'
Keyboard Chart
'
,
keyboardChart
:
'
Keyboard Chart
'
,
keyboardChart2
:
'
Keyboard Chart2
'
,
lineChart
:
'
Line chart
'
,
lineChart
:
'
Line chart
'
,
mixChart
:
'
Mix Chart
'
,
mixChart
:
'
Mix Chart
'
,
example
:
'
Example
'
,
example
:
'
Example
'
,
...
...
src/lang/zh.js
浏览文件 @
8c204b98
...
@@ -21,7 +21,6 @@ export default {
...
@@ -21,7 +21,6 @@ export default {
charts
:
'
图表
'
,
charts
:
'
图表
'
,
chartsIndex
:
'
介绍
'
,
chartsIndex
:
'
介绍
'
,
keyboardChart
:
'
键盘图表
'
,
keyboardChart
:
'
键盘图表
'
,
keyboardChart2
:
'
键盘图表2
'
,
lineChart
:
'
折线图
'
,
lineChart
:
'
折线图
'
,
mixChart
:
'
混合图表
'
,
mixChart
:
'
混合图表
'
,
example
:
'
综合实例
'
,
example
:
'
综合实例
'
,
...
...
src/router/index.js
浏览文件 @
8c204b98
...
@@ -87,8 +87,6 @@ export const asyncRouterMap = [
...
@@ -87,8 +87,6 @@ export const asyncRouterMap = [
{
{
path
:
'
/components
'
,
path
:
'
/components
'
,
component
:
Layout
,
component
:
Layout
,
redirect
:
'
/components/index
'
,
name
:
'
components
'
,
meta
:
{
meta
:
{
title
:
'
components
'
,
title
:
'
components
'
,
icon
:
'
component
'
icon
:
'
component
'
...
@@ -119,10 +117,9 @@ export const asyncRouterMap = [
...
@@ -119,10 +117,9 @@ export const asyncRouterMap = [
},
},
children
:
[
children
:
[
{
path
:
'
index
'
,
component
:
_import
(
'
charts/index
'
),
name
:
'
chartsIndex
'
,
meta
:
{
title
:
'
chartsIndex
'
}},
{
path
:
'
index
'
,
component
:
_import
(
'
charts/index
'
),
name
:
'
chartsIndex
'
,
meta
:
{
title
:
'
chartsIndex
'
}},
{
path
:
'
keyboard
'
,
component
:
_import
(
'
charts/keyboard
'
),
name
:
'
keyboardChart
'
,
meta
:
{
title
:
'
keyboardChart
'
}},
{
path
:
'
keyboard
'
,
component
:
_import
(
'
charts/keyboard
'
),
name
:
'
keyboardChart
'
,
meta
:
{
title
:
'
keyboardChart
'
,
noCache
:
true
}},
{
path
:
'
keyboard2
'
,
component
:
_import
(
'
charts/keyboard2
'
),
name
:
'
keyboardChart2
'
,
meta
:
{
title
:
'
keyboardChart2
'
}},
{
path
:
'
line
'
,
component
:
_import
(
'
charts/line
'
),
name
:
'
lineChart
'
,
meta
:
{
title
:
'
lineChart
'
,
noCache
:
true
}},
{
path
:
'
line
'
,
component
:
_import
(
'
charts/line
'
),
name
:
'
lineChart
'
,
meta
:
{
title
:
'
lineChart
'
}},
{
path
:
'
mixchart
'
,
component
:
_import
(
'
charts/mixChart
'
),
name
:
'
mixChart
'
,
meta
:
{
title
:
'
mixChart
'
,
noCache
:
true
}}
{
path
:
'
mixchart
'
,
component
:
_import
(
'
charts/mixChart
'
),
name
:
'
mixChart
'
,
meta
:
{
title
:
'
mixChart
'
}}
]
]
},
},
...
...
src/views/charts/keyboard2.vue
已删除
100644 → 0
浏览文件 @
339d7607
<
template
>
<div
class=
"components-container"
style=
'height:100vh'
>
<div
class=
'chart-container'
>
<chart
height=
'100%'
width=
'100%'
></chart>
</div>
</div>
</
template
>
<
script
>
import
Chart
from
'
@/components/Charts/keyboard2
'
export
default
{
name
:
'
keyboardChart2
'
,
components
:
{
Chart
}
}
</
script
>
<
style
scoped
>
.chart-container
{
position
:
relative
;
width
:
100%
;
height
:
90%
;
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录