echarts Uncaught TypeError: Cannot read properties of undefined (reading 'on')

这个错误通常是由于echarts未正确初始化导致的。可能的原因包括echarts库未正确加载、echarts实例未正确创建或者echarts实例未正确配置。您可以尝试检查以下几个方面来解决这个问题：
1. 确保您已经正确引入了echarts库，并且版本正确。
2. 确保您已经正确创建了echarts实例，并且实例的配置正确。
3. 确保您已经正确绑定了echarts实例到DOM元素上。
4. 如果以上步骤都正确，您可以尝试在echarts实例上调用on方法之前，先检查一下实例是否已经正确创建。

相关问题

Uncaught TypeError: Cannot read properties of undefined (reading '$echarts')

根据提供的引用内容，当访问`store.user.state.userInfo.data`时，如果`userInfo`是空对象，则会返回`undefined`。但是，如果继续访问`store.user.state.userInfo.data.id`，则会报错`Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'id')`。这个错误的原因是尝试读取一个未定义的属性。

对于你提到的`Uncaught TypeError: Cannot read properties of undefined (reading '$echarts')`错误，它表示尝试读取一个未定义的属性`$echarts`。这个错误通常发生在使用某个库或框架时，没有正确引入或初始化该库或框架。

为了解决这个问题，你可以检查以下几个方面：
. 确保你已经正确引入了`echarts`库。你可以在代码中使用`import`或`script`标签来引入。
2. 确保你已经正确初始化了`echarts`库。你需要在使用`echarts`之前调用相应的初始化函数或方法。
3. 检查你的代码中是否存在拼写错误或语法错误。这可能导致无法正确访问`$echarts`属性。

以下是一个示例代码，演示了如何正确引入和初始化`echarts`库：

// 引入echarts库
import echarts from 'echarts';

// 初始化echarts实例
const myChart = echarts.init(document.getElementById('chart'));

// 使用echarts实例绘制图表
myChart.setOption({
  // 图表配置
});

ECHARTS 报错：Uncaught TypeError: Cannot read properties of undefined (reading 'legend')

这个错误通常是因为在 ECharts 配置项中没有定义图例（legend）导致的。请检查你的配置项中是否有定义图例，如果没有，可以通过以下代码添加一个简单的图例：

legend: {
    data: ['数据1', '数据2', '数据3']
}

其中，`data` 属性是一个数组，包含了所有需要显示在图例中的数据项名称。