黑马程序员技术交流社区
标题:
石家庄校区
[打印本页]
作者:
许多钱
时间:
2019-8-1 15:14
标题:
石家庄校区
<!DOCTYPE
html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="UTF-8"
>
<
title
>
Echar
</
title
>
<
script
src
="js/echarts.common.min.js"
></
script
>
</
head
>
<
body
>
<
div
id
="main"
style
="
width
:
600
px
;
height
:
400
px
;
"
></
div
>
<
script
>
//1.
基于准备好的
dom
,初始化
echarts
实例
var
myChart
=
echarts
.
init
(
document
.
getElementById
(
'main'
));
//2.
指定图表的配置项和数据
var
option
= {
title
: {
text
:
'ECharts
入门示例
'
},
tooltip
: {},
legend
: {
data
:[
'
销量
'
]
},
xAxis
: {
data
: [
"
衬衫
"
,
"
羊毛衫
"
,
"
雪纺衫
"
,
"
裤子
"
,
"
高跟鞋
"
,
"
袜子
"
]
},
yAxis
: {},
series
: [{
name
:
'
销量
'
,
type
:
'bar'
,
data
: [
5
,
20
,
36
,
10
,
10
,
20
]
}]
};
//
使用刚指定的配置项和数据显示图表。
myChart
.
setOption
(
option
);
</
script
>
</
body
>
</
html
>
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2