Echart使用

一 五分钟入门ECharts

1 简介

ECahrs是百度的一个项目，用于图表展示，提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。

官方网站： https://echarts.apache.org/zh/index.html

2 基本使用

入门参考：官网->文档->教程->5分钟上手ECharts

a 创建html页面：柱图.html

b 引入ECharts

<!-- 引入 ECharts 文件 -->
<script src="echarts.min.js"></script>

c 定义图表区域

<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 600px;height:400px;"></div>

d 渲染图表

option = {
    xAxis: {
        type: 'category',
        data: ['