<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
#chart-panel {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 1000px;
height: 750px;
}
</style>
<script src="./lib/5.5.0/echarts.min.js"></script>
<script src="./lib/liquidfill/3.1.0/echarts-liquidfill.js"></script>
</head>
<body>
<div id="chart-panel"></div>
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<script type="text/javascript">
//1、初始化图表对象。
var myChart = echarts.init(document.getElementById('chart-panel'));
//2、图表配置。
const backImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAEECAIAAABBat1dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTcxRURGQkNGRjA0MTFFQUE4MEJBNzBFN0ZBRUI3Q0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTcxRURGQkJGRjA0MTFFQUE4MEJBNzBFN0ZBRUI3Q0QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIwMjAgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVENERFN0QwRkJFNjExRUE5MDBGQzgxQTNBMTVBQUY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVENERFN0QxRkJFNjExRUE5MDBGQzgxQTNBMTVBQUY5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jVM/GQAAwNtJREFUeNqcvYuWI7lu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