echarts

echarts는 브라우저에서 사용할 수 있는 강력하고 인터랙티브한 차트 및 데이터 시각화 라이브러리입니다. 다양한 차트 유형과 사용자 정의 옵션을 제공하여 복잡한 데이터 세트를 직관적으로 표현할 수 있습니다.

Latest Ver 5.6.0

Homepage

Github

63,388

데이터가 펼치는, 무한한 이야기의 시작

echarts로 복잡한 데이터도 쉽고 아름답게 시각화하세요.

echarts는 데이터 시각화를 위한 다양한 차트 유형을 제공하는 JavaScript 라이브러리입니다.

CDN 다운로드

License: Apache-2.0

Asset Type :

전체 버전 보기

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

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/extension/dataTool.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/extension/dataTool.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langAR-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langAR-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langAR.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langAR.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langCS-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langCS-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langCS.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langCS.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langDE-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langDE-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langDE.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langDE.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langEN-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langEN-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langEN.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langEN.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langES-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langES-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langES.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langES.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langFA-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langFA-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langFA.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langFA.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langFI-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langFI-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langFI.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langFI.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langFR-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langFR-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langFR.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langFR.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langHU-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langHU-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langHU.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langHU.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langIT-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langIT-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langIT.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langIT.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langJA-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langJA-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langJA.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langJA.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langKO-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langKO-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langKO.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langKO.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langNL-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langNL-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langNL.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langNL.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langPL-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langPL-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langPL.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langPL.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langPT-br-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langPT-br-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langPT-br.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langPT-br.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langRO-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langRO-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langRO.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langRO.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langRU-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langRU-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langRU.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langRU.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langSI-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langSI-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langSI.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langSI.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langSV-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langSV-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langSV.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langSV.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langTH-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langTH-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langTH.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langTH.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langTR-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langTR-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langTR.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langTR.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langUK-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langUK-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langUK.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langUK.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langVI-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langVI-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langVI.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langVI.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langZH-obj.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langZH-obj.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langZH.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/i18n/langZH.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/ssr/client/dist/index.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/ssr/client/dist/index.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/azul.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/azul.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/bee-inspired.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/bee-inspired.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/blue.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/blue.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/caravan.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/caravan.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/carp.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/carp.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/cool.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/cool.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/dark-blue.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/dark-blue.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/dark-bold.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/dark-bold.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/dark-digerati.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/dark-digerati.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/dark-fresh-cut.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/dark-fresh-cut.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/dark-mushroom.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/dark-mushroom.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/dark.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/dark.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/eduardo.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/eduardo.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/forest.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/forest.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/fresh-cut.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/fresh-cut.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/fruit.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/fruit.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/gray.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/gray.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/green.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/green.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/helianthus.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/helianthus.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/infographic.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/infographic.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/inspired.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/inspired.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/jazz.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/jazz.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/london.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/london.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/macarons.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/macarons.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/macarons2.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/macarons2.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/mint.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/mint.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/red-velvet.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/red-velvet.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/red.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/red.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/roma.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/roma.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/royal.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/royal.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/sakura.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/sakura.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/shine.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/shine.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/tech-blue.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/tech-blue.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/vintage.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/theme/vintage.min.js

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.common.js.map

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.esm.js.map

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.js.map

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/echarts.simple.js.map

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/extension/bmap.js.map

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/extension/dataTool.js.map

https://cdnjs.cloudflare.com/ajax/libs/echarts/5.6.0/ssr/client/dist/index.js.map

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);