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>
関連
-
undefinedGitチュートリアル: ! [却下] master -> master (最初に取得) 解決策
-
MySql ERROR 1046(3D000): 選択されたデータベースがない場合の解決策
-
eclipse Java ファイルオープン例外解決 : java.lang.StringIndexOutOfBoundsException: 文字列のインデックスが範囲外:26
-
コンピュータシステムの爆弾実験への深い理解
-
Gulpプロジェクトのエラーです。AssertionError [ERR_ASSERTION]: タスク関数を指定する必要があります
-
Error:SSL peer shut down incorrectlyの完全な解決法
-
は属性_TensorLikeを持たない
-
Pythonラーニングノートです。TypeError: cannot use a string pattern on a bytes-like object とその解決法
-
落とし穴を踏む-Uncaught Error: BootstrapのJavaScriptは、jQueryを必要とします。
-
モジュール 'numpy' に 'array' 属性がない問題の解決
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
pandas Tutorial [4] データフレームフィルタリングデータ !
-
192.168.0.1/24のようなipセグメント/番号は何を意味するのでしょうか?
-
C# 遅延プログラム遅延
-
リスト解決にリスト("str "ではない)を連結することだけができる
-
Uncaught TypeError: document.getElementsByClassName("xxx").addEventListener is not a function.
-
Python using pip to install modules with ReadTimeoutError: HTTPSConnectionPoolの解決策
-
中に内部エラーが発生しました。「Javaツーリングの初期化」中に内部エラーが発生しました。
-
ModuleNotFoundError: plotly'という名前のモジュールがない ソリューション
-
python encountered a problem: No handlers could be found for logger *.
-
この宣言には、ストレージクラスまたはタイプ指定子がありません。この警告は何を意味するのですか?