flexcharts
v0.0.4
Published
Simple CSS charts library, using flex-box model
Downloads
18
Readme
flex-charts
Simple CSS charts library, using flex-box model
Demo
https://flex-charts.azurewebsites.net/
Available chart types
- Horizontal bar chart
- Vertical bar chart
Installation
npm install --save flexcharts
Creating horizontal bar chart
html
<div id="barHorizontal"></div>
javascript
new flexCharts().barChartHorizontal({
id: "barHorizontal",
width: "400px",
height:"200px",
categories: ["category #1", "category #2"],
data: [
[200, 300], [250, 400], [150, 10], [50, 40],
[500, 300], [280, 120], [500, 300], [280, 120],
[500, 300], [280, 120], [500, 300], [280, 120]
],
labels: [
"Jan", "Feb", "Mar", "Apr",
"May", "Jun", "Jul", "Aug",
"Sep", "Oct", "Nov", "Dec"
]
});