当前位置: 首页 > 知识库问答 >
问题:

html5 - Echarts快速上手案例报错TypeError: Cannot read properties of undefined (reading 'get')?

贾实
2024-05-06

echarts官方文档的快速上手案例
报错TypeError: Cannot read properties of undefined (reading 'get')

<!DOCTYPE html><html lang = 'en'>  <head>    <meta charset="utf-8" />    <meta name="viewport" content="width=device-width, initial-scale=1" />    <title>ECharts</title>    <!-- 引入刚刚下载的 ECharts 文件 -->    <script src="echarts.js"></script>  </head>    <body>    <!-- 为 ECharts 准备一个定义了宽高的 DOM -->    <div id="main" style="width: 600px;height:400px;"></div>    <script type="text/javascript">      // 基于准备好的dom,初始化echarts实例      var myChart = echarts.init(document.getElementById('main'));      // 指定图表的配置项和数据      var option = {        title: {          text: 'ECharts 入门示例'        },        tooltip: {},        legend: {          data: ['销量']        },        xAxis: {          data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']        },        yAxis: {},        series: [          {            name: '销量',            type: 'bar',            data: [5, 20, 36, 10, 10, 20]          }        ]      };      // 使用刚指定的配置项和数据显示图表。      myChart.setOption(option);    </script>  </body></html>

echarts.js文件报错

  function collectAxesInfo(result, ecModel, api) {    var globalTooltipModel = ecModel.getComponent('tooltip');    var globalAxisPointerModel = ecModel.getComponent('axisPointer'); // links can only be set on global.    var linksOption = globalAxisPointerModel.get('link', true) || [];    var linkGroups = []; // Collect axes info.
发生异常: TypeError: Cannot read properties of undefined (reading 'get')  at collectAxesInfo (file:///Y:/Echarts/echarts.js:50056:46)    at collect (file:///Y:/Echarts/echarts.js:50046:5)    at file:///Y:/Echarts/echarts.js:77276:62    at detectSeriseType (file:///Y:/Echarts/echarts.js:28189:7)    at Scheduler.wrapStageHandler (file:///Y:/Echarts/echarts.js:28111:23)    at normalizeRegister (file:///Y:/Echarts/echarts.js:32925:34)    at Object.registerProcessor (file:///Y:/Echarts/echarts.js:32819:5)    at Object.install$m [as install] (file:///Y:/Echarts/echarts.js:77273:15)    at use (file:///Y:/Echarts/echarts.js:38285:9)    at Object.install$l [as install] (file:///Y:/Echarts/echarts.js:78529:5)

是什么原因?

共有1个答案

羊舌源
2024-05-06

试了没问题
提供对应的 echarts 外链 , 浏览器版本等

 类似资料:
  • Hello World 如何调试 如何新增一个Controller 如何使用models/dao 如何使用models/service

  • 介绍 通过本章节你可以了解到 Vant 的安装方法和基本使用姿势。 安装 通过 npm 安装 在现有项目中使用 Vant 时,可以通过 npm 或 yarn 进行安装: # Vue 2 项目,安装 Vant 2.x 版本: npm i vant -S # Vue 3 项目,安装 Vant 3.x 版本: npm i vant@next -S 通过 CDN 安装 使用 Vant 最简单的方法是直

  • 安装 npm i feart --save-dev # or yarn add feart 引入组件 No.1 : 使用 babel-plugin-import (推荐) # 安装 babel-plugin-import 插件 npm i babel-plugin-import --save-dev // 在 .babelrc 或 babel.config.js 中添加插件配置 {

  • 本节课程提供一个使用 Spark 的快速介绍,首先我们使用 Spark 的交互式 shell(用 Python 或 Scala) 介绍它的 API。当演示如何在 Java, Scala 和 Python 写独立的程序时,看编程指南里完整的参考。 依照这个指南,首先从 Spark 网站下载一个 Spark 发行包。因为我们不会使用 HDFS,你可以下载任何 Hadoop 版本的包。 Spark Sh

  • 快速上手 本节将介绍如何在项目中使用 Element。 使用 vue-cli@3 我们为新版的 vue-cli 准备了相应的 Element 插件,你可以用它们快速地搭建一个基于 Element 的项目。 使用 Starter Kit 我们提供了通用的项目模板,你可以直接使用。对于 Laravel 用户,我们也准备了相应的模板,同样可以直接下载使用。 如果不希望使用我们提供的模板,请继续阅读。 引

  • 新手教程项目:cube-application-guide 遇到问题,先移步 QA 使用 nuxt,请参考示例仓库 脚手架 vue-cli >= 3 如果你正在使用新版本的 Vue CLI vue-cli@3,那么推荐你直接使用 vue-cli-plugin-cube-ui 插件。在你初始化完项目后直接执行 vue add cube-ui 即可。 在执行的时候,会询问一些配置项,这个和老版本的 模