vue组件实现代码：

<template><div :id="chartId" style="width: 100%; height: 300px"></div>
</template><script>import * as echarts from "echarts";export default {name: "doubleStackLine", //双区域图props: {chartId: {type: String,default: "doubleStackLine",},},data() {return {};},mounted() {this.initChart();},methods: {initChart() {// 基于准备好的dom，初始化echarts实例let chartDom = document.getElementById(this.chartId);let myChart = echarts.init(chartDom);const option = this.getChartOption();option && myChart.setOption(option);},getChartOption() {const option = {color: ["#0499FF", "rgba(252, 240, 30, .7)", "#2DF4F2"],// 提示窗tooltip: {textStyle: {color: "#fff", // 文本颜色fontSize: 20, // 文本大小},backgroundColor: "rgba(0,43,121,0.8)", // 背景颜色borderColor: "#0B61B8", // 边框颜色borderWidth: 1, // 边框宽度trigger: "axis",axisPointer: {type: "line",lineStyle: {color: {type: "linear",x: 0,y: 0,x2: 0,y2: 1,colorStops: [{offset: 0,color: "rgba(80, 198, 255, .15)", // 0% 处的颜色},{off