echarts

EChartsは、ブラウザ用の強力でインタラクティブなチャートおよびデータ視覚化ライブラリです。さまざまなチャートタイプとカスタマイズオプションを提供し、複雑なデータセットを直感的に表現できます。

Latest Ver 5.6.0
Homepage
Github
0
63,388
データが無限の物語を語り始めるところ
echartsで複雑なデータも簡単に、美しく視覚化しましょう。
EChartsは、データ視覚化のためのさまざまなチャートタイプを提供するJavaScriptライブラリです。
License: Apache-2.0
https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.common.js
https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.common.min.js
https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.esm.js
https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.esm.min.js
https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.js
https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.min.js
https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.simple.js
https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.simple.min.js
https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/extension/bmap.js
https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/extension/bmap.min.js

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。
📄 HTML
<div id='main' style='width: 600px;height:400px;'></div>

🧩 External JS
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.3.3/echarts.min.js"></script>

⚙️ JavaScript
var chart = echarts.init(document.getElementById('main')); var option = { title: { text: 'ECharts Entry Example' }, tooltip: {}, xAxis: { data: ['shirt', 'cardign', 'chiffon shirt', 'pants', 'heels', 'socks'] }, yAxis: {}, series: [{ type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; chart.setOption(option);
⚡ Top Tools for Developers
Text Compare

テキスト比較

2つのテキストの違いを一目で確認できます。

Favicon Generator

Faviconジェネレーター

簡単かつ迅速にファビコンを生成します。

Lorem Ipsum Generator

Lorem Ipsumジェネレーター

デザイン用のダミーテキストを生成します。

Character Counter

文字数カウント

文字数と単語数をリアルタイムで確認できます。

SRT ↔ SMI

SRT ↔ SMI変換ツール

字幕形式を簡単に変換できます。

Text Extract(OCR)

画像テキスト抽出

画像内のテキストを自動で抽出します。