Echarts入门

一、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: {