步骤1:引入 echarts.js 文件echarts是一个 js 的库,当然得先引入这个库文件

    1. <script src="../js/echarts.js"></script>

    步骤2:准备一个呈现图表的盒子 ,这个盒子通常来说就是我们熟悉的 div ,这个 div 决定了图表显示在哪里

    1. <div id="main" style="width: 600px;height:400px;"></div>

    步骤3:初始化 echarts 实例对象 ,在这个步骤中, 需要指明图表最终显示在哪里的DOM元素

    1. var myChart = echarts.init(document.getElementById('main'))
    2. var option = { xAxis: { type: 'category', data: ['夏成', '王苏', '孙光宇'] }, yAxis: { type: 'value' }, series: [{ name: '语文', type: 'bar', data: [70, 92, 87], }] }

    步骤4:准备配置项 ,这步很关键,我们最终的效果,到底是显示饼图还是折线图,基本上都是由配置项决定的

    1. myChart.setOption(option)