Echarts初探

创建简单的Echarts柱状图

// 第一步，创建一个 id 命名的大坑，别忘记去下载包哦

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

// 第二步，引包，可以按需下载引对应的包，对于初用不推荐

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

// 第三步，init 初始化实例（图表）

var myEcharts = echarts.init(document.getElementById('main'));

// 第四步，配置图表参数 option

var option = {};

// 第五步，setOption 生成实例（图表）

myEcharts.setOption(option);

总结：简单的图表就这么诞生了，需注意事项 ↓↓↓↓

ps：如果想要适应其他div，可以在 main 外面套一个div即可，这个div设置高宽，这样就可以复用不同的盒子了，代码如下

<div class="father">
    <div id="main"></div>
</div>

#main {
    width: 100%;
    height: 100%;
}
.father {
    width: 600px;
    height: 400px;
}

Echarts-官网
下载包地址-初用者建议下载-完整版

---

每日一更Echarts，每日一点小积累…