一、Echarts入门
1.echarts的使用
(1)官网下载并引入echarts.js文件
官网下载地址:单击下载
从GitHub上下载zip压缩文件并解压
选择其中的echarts.min.js复制到js文件下
在编写的页面中添加js路径
(2)准备一个dom容器来显示图表
<div class="box" id="b1">
</div>
必须给该容器设置大小
<style>
.box{
width: 500px;
height: 500px;
background: bisque;
}
</style>
(3)初始化echarts实例对象
<script>
var mychart = echarts.init(document.getElementById("b1"));
</script>
(4)指定配置
<script>
var mychart = echarts.init(document.getElementById("b1"));
// 指定图表的配置项和数据
var option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {
},
legend: {
data:['销量']
},
xAxis: {