1. ホーム

Echartsがエラーを発生させる: echarts Uncaught ReferenceError: echarts is not defined

2022-02-14 03:47:11
<パス

echartsを使って、公式チュートリアルのドキュメントに沿ってチャートを作った後、ブラウザで開いてみると、表示されないことがわかりました。

コードは以下の通りです。

<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="utf-8">
<title>echartsTest</title>
<script src="js/echarts-gl.js"></script>

</head>
<body>
	<! -- Prepare a DOM with size (width and height) for ECharts -->
	<div id="main" style="width: 100%; height: 400px;"></div>
</body>
</html>

<script type="text/javascript">
	// Initialize the echarts instance based on the prepared dom
	var myChart = echarts.init(document.getElementById('main'));

	// Specify the configuration items and data for the chart
	var option =
	{
		title :
		{
			text : 'ECharts Getting Started Example'
		},
		tooltip : {},
		legend :
		{
			data :
			[ 'sales' ]
		},
		xAxis :
		{
			data :
			[ "Shirts", "Cardigans", "Chiffon", "Pants", "Heels", "Socks" ]
		},
		yAxis : {},
		series :
		[
		{
			name : 'sales',
			type : 'bar',
			data :
			[ 5, 20, 36, 10, 10, 20 ]
		} ]
	};

	// Display the chart using the configuration items and data just specified.
	myChart.setOption(option);
</script>


エラーメッセージが表示されます。

最後に、私はそれを調べ、ウェブ上の解決策は、単にヘッダーにコードの行を導入することであることを見ました(問題は解決されました!)。

<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js">< ;/script>