--打坐篇--EChart的Angular使用-01--

--打坐篇--EChart的Angular使用-01--

今天有幸使用到了echart，良好的画图，便捷的设置。
因为工作的需要，必须在angular中进行使用，于是，在自己使用过程中，出现了以下的问题。

1. 如何进行导入
2. 使用过程中如何对DOM元素对象进行绑定
3. echart对象中的样式如何设定
4. 各个属性参数及其意义

于是，就以上在echart初体验时所遇到的问题进行一个总结。

正传

如何进行导入

在angular/cli脚手架进行搭建项目时，node_module中已经存在echarts的文件包
通过
import * as echarts from "echarts"
进行导入，随后通过对echarts对象的方法进行调用，从而实现echarts在angular中的使用

使用过程中如何对DOM元素对象进行绑定

使用document.querySelector进行对dom元素的获取。
注意，在angular中不要使用getElementById进行dom元素的获取，否则会出现获取元素为HTMLElement，而不是echart.init所需要的HTMLDivElement

echart对象中的样式如何设定

因为自己在实际开发过程中，目前主要使用的是折线图以及柱状图，因此，今日参考了别人的博客：https://blog.csdn.net/qq_35906921/article/details/82867363

各个属性参数及意义

同上博客

草草记下数笔，因确有所感，却又害怕弃之可惜，于是暂且将今日所做记于此，待后日慢慢探索完善~