栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

在SpringBoot项目引入Echarts

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在SpringBoot项目引入Echarts

项目导入依赖
  1. 在项目中添加jar包依赖参数,npm install echarts --save (后面加上参数–save是什么意思)
  2. 在.vue文件的中加入ecahrts的图标呈现div
  1. 在.vue文件的中import的echarts
import * as echarts from "echarts" ;  

Echarts 初始化TypeError Cannot read properties of undefined (reading ‘init‘)

  1. 引入js代码:初始化echarts实例
// 基于准备好的dom,初始化echarts实例
data() {
      return {
		myChart:"",
	}
}
initFun(){//初始化方法
this.myChart = echarts.init(document.getElementById('main'));
//加入其它具体代码
}

Echarts图表的官方教程

  1. 不重复初始化Echarts,用完就销毁echarts.init返回的对象(生成的图片依然保存)
    There is a chart instance already initialized on the dom
  2. Echarts饼图相关
    Ecahrts的饼状图官方教程
    饼图的大小如何调节
    在Echarts扇形图中添加点击事件
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/827012.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号