一、业务场景:最近接触到Eacharts主题切换,清空画布以及Eacharts图表自适应屏幕大小的需求
二、解决方案:
Eacharts主题切换:将主题色赋给变量,在点击切换按钮时,进行值的切换
清空画布:通过调用内置的clear()方法进行清空
Eacharts图表自适应屏幕: 通过给windown添加resize事件判断图表在屏幕的占比,调用内置的resize()方法进行自适应
三、实现过程:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src