第一个实例

Echarts

需要了解：
浏览器画图原理：
Echarts库简介：
Echarts简单使用
Echarts组件使用
Echarts高级图例介绍

Canvas:
1.基于像素。
2.单个html,类似于画笔在画布上画画。
3.Echarts基于canvas画图

Svg:
基于对象模型。
多个图形元素。
高保真。

常见的图形组件：

1.标题，工具栏，图形，提示框
坐标轴：x轴，y轴。

介绍一下标题组件：

text:标题文字.
subtext:副标题
borderColor:边框颜色
borderWidth:边框宽度

工具栏组件：toolbox

show:是否显示。
Feature:具体显示的功能。
saveAslmage:保存图片。
Restore:还原。
dataView:数据视图。
dataZoom:缩放视图。
magicType:动态类型切换。

tooltip组件：
show:是否显示
trigger:出发方式，axis就是X轴出发。

标记线和标记点

标记线：markline
最大值，平均值，最小值的标记线

Echarts可视化：常见图表

饼图展示数据的特点：
展示百分比
Type是pie

Center 圆心坐标

Radius:半径

Name:图例名字

selectedMode 是否支持多选。

效果图

image.png