首页 > TAG信息列表 > myCharts
vue3+ ts 使用echarts
<template> <div ref="myChart" :style="{ width: '600px', height: '600px' }"></div> </div> </template> <script lang="ts"> import { defineComponent } from "vuevue中Echarts的使用-自选效果
由于项目要求使用数据图，于是我选择了我们的Echarts用来实现效果 一：全局安装Echarts npm install echarts --save（这个安装的是最新的版本有时候回报init未定义）这个时候可以使用低版本npm install --save echarts@4.1.0我是用的4.1.0 二：在所需echarts的页面中引入Echarts import ececharts折线图，数据切换时（最近七天）绘图不合理现象
echarts折线图，当进行数据切换时存在绘制不合理的问题，数据没错，但绘制不对。 两个0之间的连线应该是平滑直线,如图: 正确的显示: 解决： 在myCharts.setOption(option);之前添加myCharts.clear(); 意思是清空当前实例，重新绘制。