echarts文档入门知识点

目录

一、数据可视化

二、Echarts总描述

三、Echarts可视化步骤

## 文档怎么看

一、数据可视化

相关可视化工具有：Matlab Echarts D3.js Pathon语言相关可视化库 R语言相关可视化库  Highcharts......

二、Echarts总描述

echart是可视化工具，提供很多可视化库，个人和商用免费。不仅支持key-value键值对存储数据，还支持TypeArray格式数据。同时可以通过下载GL插件制作更加绚丽的三维可视化图表。
支持canvas像素点画图和SVG对象模型通过标签组成高保真图像两种作图方式。

## 应当具备知识
javaScript Html ajax

三、Echarts可视化步骤

 1. 引入echart.min.js
 2. 设置一个div容器并设置宽高
 3. init初始化容器myChart
 4. option配置项和数据。由option设置进行绘制图形。重点：Series 下的type 可选line bar pie scatter radar。
 5. setOption用指定的option配置和数据进行图表渲染,执行绘制动作。

## 文档怎么看

1、关注5个组件：title  legend toolbox tooltip
2、关注4个分类：实例  教程 API 配置项*~~（*可以进行搜索*）~~ *
3、echart分层结构  如下表

`

图表=图类+组件。

四、Echarts主题（可以设置不同节日进行变换）

1、下载并引入macarons.js文件。
2、初始化 var myChart=echarts.init(document.getElementById(main),主题名);

五、Echarts接口、事件编程

echarts事件主要包括1、click跳转 2、图表组件联动。

六、Echarts接口、事件编程

异步加载数据：初始化图表后，jQuery异步加载数据，用setOption填入数据和配置项即可。

百度经验：echarts 自定义数据、json数据引入、后台数据引入