Tag: echart

2021
0
ProgrammingEcharts

Echarts - 이미지 다운로드 버튼 따로 만들기

Echarts 이미지 다운로드 버튼 따로 분리하기Echarts 에서 제공하는 기본 기능인 이미지 다운로드 기능이 있습니다. 그 기능을 바로 toolbox 안에 saveAsImage 입니다. 12345678option = { ... //다른 옵션은 제외 되었습니다. toolbox: { feature: {

2020
0
ProgrammingEcharts

Echarts -실시간으로 움직이는 차트 만들기

Echarts 실시간으로 움직이는 차트 만들기지금까지 만든 차트들은 정적으로 움직임이 없는 차트들이 었지만, 실시간으로 데이터를 생성하여 차트가 움직이는 것처럼 보여질 수 있습니다. 실시간으로 움직이는 차트 동적으로 움직이는 차트를 만들기 위해서는 실 데이터를 계속 생성하고 이전의 데이터를 삭제하면 됩니다.아래의 소스를 확인하여 간단하게 동적인 차트를 만

0
ProgrammingEcharts

Echarts-차트에 클릭 이벤트 생성하기 01

Echarts-차트에 클릭 이벤트 생성하기 01차트에 클릭 이벤트를 생성해보자우선 차트의 클릭 이벤트를 만들기 위해 아래와 같이 사용할 수 있습니다.아래의 방법으로 params 에 무슨 값이 넘어오는지 확인 할 수 있습니다. 123456789101112131415161718192021222324252627// 준비된 돔에 Echarts 인스턴스를 생성합니다

2019
0
ProgrammingEcharts

ECharts 바차트 색상 변경!

Echarts 바차트 색상 변경오늘은 여러가지 색상으로 표현된 바차트를 그려보겠습니다. 혹시 Echarts 에 관해 잘 모르신다면 ECharts를 통해 5분안에 차트를 만들자!을 통해 기본적으로 만드는 법을 아셔도 좋습니다. Echarts를 통해 차트를 그리면 기본적으로 1가지 시르즈에 1가지 색상으로만 표현 할 수 있습니다.그리고 색상을 정하지 않아도 기

0
ProgrammingEcharts

ECharts를 통해 5분안에 차트를 만들자!

ECharts를 통해 5분안에 차트를 만들자!Echarts 에 있는 튜토리얼을 한글로 번역하였습니다. ECharts 다운로드우선, 아래의 방법 중 하나를 선택하여 다운로드 받습니다: official download page, 공식 홈페이지에서 다운로드 받습니다. 만약 모든 패키지를 다운받고 싶다면 the full minified version에 들어가 확

0
ProgrammingEcharts

ECharts 최소 최대값 설정!

ECharts의 최대 최소값 설정!Echart를 사용해서 차트를 그리다 보면 최소 최대값이 자동으로 조절되는 것을 확인할 수 있습니다.하지만 자동으로 설정하는 것보다 원하는 값으로 변경할 수 있는 방법을 알려 드릴려고 합니다. Echarts를 잘 모르시는 분들은 ECharts를 통해 5분안에 차트를 만들자!을 확인한 후 보시면 이해가 더 편할겁니다. ECh

0
ProgrammingEcharts

ECharts를 통해 간단한 Heatmap 만들기!

저번에는 Echarts를 설치한 후 Bar 차트를 간단하게 만들어 보았었습니다. 못 보신 분들은 아래의 링크를 클릭하여 주세요. ECharts를 통해 5분안에 차트를 만들자! 이번에는 Heatmap 차트를 만들어 볼 예정입니다! 간단한 차트 그리기차트를 그리기 전에, 우리는 DOM container를 준비해야합니다. 그리고 꼭 넓이와 높이를 지정해 주세