Echarts整理，基础

学习Echarts之前，可以先看一下官网：https://echarts.apache.org/zh/api.html#echarts
官网有很多下载echarts的方法，相信各位一眼就能看懂，这里面，我就下载一个js包来用。
下面来说一下使用步骤

1. 使用之前要先创建一个eharts的实例，这个时候就要用到API文档中的echarts. init 了，官网是这么说的，创建一个 ECharts 实例，返回 echartsInstance，不能在单个容器上初始化多个 ECharts 实例。就按照官网来使用一下吧。

<div id="chart1"></div>//先创建一个元素
<script>
      
 var myChart = echarts.init(document.getElementById('chart1'))//生成了一个实例


</script>

2. 上面是生成实例了，下面改说怎么用了，首先，先了解一下API文档下的echartsInstance下的setOption这个属性，
   官网这么说的，很不容易理解：设置图表实例的配置项以及数据，万能接口，所有参数和数据的修改都可以通过 setOption 完成，ECharts 会合并新的参数和数据，然后刷新图表。如果开启动画的话，ECharts 找到两组数据之间的差异然后通过合适的动画去表现数据的变化。
   通俗的来说，就是创建实例以后要调用这个方法，就必须用到这个setOption这个方法，看代码

  myChart.setOption({
            title:{
                text:'柱状图',
            },
            legend:{//图例
                data:["",'单独','销量']//上面点击的图例的一个功能
            },
            xAxis:{//x轴销量
              data:['衬衫','羊毛衫','大山','裤子','袜子','试试']
            },
            yAxis:{//y轴即使是空也要写

            },
            series:{//系列表
                name:'销量',
                type:'bar',//图标类型
                data:[60,20,36,45,85,35]
            },
            series:{//系列表
                name:'单独',//这个里面的name要和legend的data中的名称一样
                type:'line',//图标类型
                data:[60,20,36,45,85,35]
            }
           
        })

这样的话就可以形成一个简单的图表格了，我的里面每个代码都有注释，具体的各位可以参考，官方文档来看。