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)