ToastUI Chart supports an easy way to draw various and essential charts on your web service.
: represents a series of data in the form of a horizontal bar.
: represents a series of data in the form of a vertical bar.
: represents a series of data by line segments.
: represents graphically quantitative data. It is based on the line chart.
: represents three dimensions of data like x, y position and circle's radius.
: represents tendency or distribution, using two dimensional data like x, y position.
: represents a circular graph, which has divided sectors have to do with numeric proportion of data size to whole data quantity.
: represents combined features of two kinds of charts.
: represents relationships in data by indicating data by color range on a geographical map.
: represents relationships in data by color range.
: represents hierarchical data by using rectangles and color range.
: represents quantitative data with closed poly lines.
: represents visually displaying groups of numerical data quartiles. Typically used in descriptive statistics.
- API : https://nhnent.github.io/tui.chart/latest/
- Tutorial : https://github.com/nhnent/tui.chart/wiki/tutorial/
- Getting started : https://github.com/nhnent/tui.chart/wiki/getting-started/
- Example : https://nhnent.github.io/tui.chart/latest/tutorial-example01-01-bar-chart-basic.html
- tui-code-snippet >=1.2.5
- Raphaël 2.2.0b
- IE8~11
- Edge
- Chrome
- Firefox
- Safari
Install the latest version using npm command:
$ npm install tui-chart --save
or want to install the each version:
$ npm install tui-chart@<version> --save
To access as module format in your code:
var chart = require('tui-chart');
var barChart = chart.barChart(...);Install the latest version using bower command:
$ bower install tui-chart
or want to install the each version:
$ bower install tui-chart#<tag>
To access as namespace format in your code:
var barChart = new tui.chart.barChart(...);