--打坐篇--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

各个属性参数及意义

同上博客

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

离大侠再近一步!
原文地址:https://www.cnblogs.com/Samo-Li/p/13713715.html