Skip to content
No description, website, or topics provided.
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
src Prepare for npm Jun 13, 2019
.browserslistrc Build to "prod" with gulp Mar 24, 2019
.gitignore Prod build Apr 15, 2019
LICENSE Replace license to MIT Jun 14, 2019
README.md README fix Jun 14, 2019
package-lock.json 1.0.0-7 Jun 14, 2019
package.json 1.0.0-7 Jun 14, 2019

README.md

LovelyChart

🏆 A Telegram Chart Contest 2019 award winning library.

mobile friendly, high performance, extra lightweight, zero dependency, production ready, open source

lightweight chart js library

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)
You can’t perform that action at this time.