1.0.1 • Published 4 years ago
lovely-chart v1.0.1
LovelyChart
🏆 A Telegram Chart Contest 2019 award winning library.
mobile friendly, high performance, extra lightweight, zero dependency, production ready, open source
Demo
https://ajaxy.github.io/lovely-chart/
Usage
import * as LovelyChart from 'lovely-chart';
import '~/lovely-chart/dist/LovelyChart.css';
LovelyChart.create(container, data);Arguments for LovelyChart.create
container— DOM Node in which the chart is rendered. The chart layout resizes automatically to occupy the entire available width.data— Parameters for a chart.
| Parameter | Description |
|---|---|
title | Chart headline |
type | Chart type. Supported types: line, area, bar, pie |
labels | Array of UNIX timestamps in milliseconds |
datasets | Array of params for each dataset |
datasets[*].name | Dataset name |
datasets[*].color | Dataset color |
datasets[*].values | Array of dataset values |
isPercentage | true for percentage based values |
isStacked | true for values stacking on top of each other |
hasSecondYAxis | true for charts with 2 Y axes |
onZoom | Optional function which returns Promise with data for the zoomed chart (new data object) |