echarts报错:Uncaught TypeError: Cannot read properties of undefined (reading 'setExtent')
时间: 2023-08-17 13:13:26 浏览: 156
跟Echarts 5.1.2 搭配使用,解决wordcloud词云报错问题
这个错误通常是由于使用的 Echarts 版本与代码不兼容导致的。请确保你使用的是与示例代码中相同或更高版本的 Echarts。
另外,你可以尝试在代码中添加几行以确保 Echarts 资源的正确加载。修改代码如下:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sphere Chart</title>
<script src="https://cdn.staticfile.org/echarts/4.7.0/echarts.min.js"></script>
<script src="https://cdn.staticfile.org/echarts/4.7.0/echarts-gl.min.js"></script>
<script src="https://cdn.staticfile.org/echarts/4.7.0/extension/dataTool.min.js"></script>
<script src="https://cdn.staticfile.org/echarts/4.7.0/extension/bmap.min.js"></script>
<script src="https://cdn.staticfile.org/echarts/4.7.0/extension/liquidfill.min.js"></script>
</head>
<body>
<div id="chart" style="width: 600px; height: 600px;"></div>
<script>
var chartDom = document.getElementById('chart');
var myChart = echarts.init(chartDom);
var option = {
series: [{
type: 'bar3D',
data: [[0, 0, 0, 0.8]], // 单个柱子,值为0.8
shading: 'lambert',
label: {
show: true,
textStyle: {
fontSize: 16,
borderWidth: 1
}
},
emphasis: {
label: {
textStyle: {
fontSize: 20,
color: 'red'
}
},
itemStyle: {
color: 'red'
}
}
}]
};
myChart.setOption(option);
</script>
</body>
</html>
```
这段代码中添加了几个 Echarts 相关的资源文件,以确保正确加载所需的依赖项。如果问题仍然存在,请检查浏览器的开发者工具中是否有其他错误信息,并确保 Echarts 相关资源文件的 URL 是有效的。
阅读全文