Hexo 에서 사용할만한 차트

블로그 작성시에 가끔이지만 차트를 사용할 때가 있다
일단 Hexo 에서 plugin 으로 등록되어 있는 리스트는 아래와 같다

  • chartjs
  • echarts
  • googlecharts
  • billboard.js
  • mermaid
  • plantuml

이중에 mermaidplantuml 은 UML 그리는 용도이고
나머지 차트를 확인해보자

chartjs

사용예제

echarts

바이두 에서 아파치로 바뀌었다

ECharts 正在 Apache 开源基金会孵化中,因此域名已不再使用,请访问 echarts.apache.org
ECharts is now under incubation at the Apache Software Foundation. So this domain name is no longer in use. Visit echarts.apache.org please

echarts 사용예제

Google Charts

* 장점 - 굉장히 다양한 차트를 지원한다.
* 단점 - 데이터 interval 과 외부 csv, json 데이터를 연계하기 어렵다.

사용예제

billboard.js

* 장점 - 데이터 interval 처리하기 쉽다
* 단점 - plugin 을 직접 만들어 써야 한다. (Hexo 에도 유명 차트 plugin 만 있어서 직접 만듬)

사용예제