- 技术
- ECharts入门教程：第一个echars实例
<!DOCTYPE html
>
<html
>
<head
>
<meta charset
="utf-8">
<title
>第一个 ECharts 实例
</title
>
<!-- 引入 echarts
.js
-->
<script src
="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script
>
</head
>
<body
>
<!-- 为ECharts准备一个具备大小（宽高）的Dom
-->
<div id
="main" style
="width: 600px;height:400px;"></div
>
<script type
="text/javascript">
var myChart
= echarts
.init(document
.getElementById('main'));
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
>
Processed:
0.010, SQL:
9
