ECharts 折线图使用相关

一、折线图堆叠设置为不堆叠的方法

  官网是这样的,但是不需要这种堆叠形式的如下图:

  即:第2条数据值 = 第1条数据值 + 第2条数据值

         第3条数据值 = 第2条数据值 + 第3条数据值ECharts 折线图使用相关_第1张图片

需要改成实际值展示,如下图:

ECharts 折线图使用相关_第2张图片

只需要修改stack的属性值即可,保持不一致就行

二、折线图报错type异常

ECharts 折线图使用相关_第3张图片

使用vue自带的markRaw方法包裹

import { defineComponent, reactive, markRaw } from "vue";

this.myChart = markRaw(echarts.init(this.$refs.threemoistenRef));

你可能感兴趣的:(echarts,前端,javascript)