Skip to content
Financial lightweight charts built with HTML5 canvas
Branch: master
Clone or download
timocov Merge pull request #134 from tradingview/fix-133
Clear histogram data if histogram stay invisible (master)
Latest commit 9de2c42 Jul 19, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci Don't run some tests on release/* branches Jul 10, 2019
.github Removed default title in issue templates Jul 4, 2019
.vscode The first public commit May 29, 2019
docs Docs: Added time formatter description (#126) Jul 16, 2019
scripts Added executable flag for check-markdown-links script Jul 5, 2019
src Clear histogram data if histogram stay invisible Jul 19, 2019
tests Clear histogram data if histogram stay invisible Jul 19, 2019
.editorconfig The first public commit May 29, 2019
.eslintignore The first public commit May 29, 2019
.eslintrc.js Changed max blank lines in JS code to 1 May 31, 2019
.gitignore Added debug page Jun 13, 2019
.markdownlint.json Introduced markdownlint May 31, 2019
.mocharc.js Tests, CI: Enabled storing xunit reports to CI Jun 11, 2019
.npmrc The first public commit May 29, 2019
BUILDING.md Fixed min supported version of NodeJS Jun 16, 2019
CONTRIBUTING.md Review fixes Jun 13, 2019
LICENSE Initial commit May 24, 2019
NOTICE Changed notice content May 31, 2019
README.md Docs proofreading Jul 8, 2019
debug.html.example Added debug page Jun 13, 2019
dts-config.js The first public commit May 29, 2019
index.js The first public commit May 29, 2019
package.json Chore: Updated deps Jul 10, 2019
rollup.config.js Fixed build env variable Jun 3, 2019
tsconfig.all-non-composite.json The first public commit May 29, 2019
tsconfig.base.json Introduced build-time constants May 31, 2019
tsconfig.json The first public commit May 29, 2019
tslint.json Chore: Updated deps Jul 1, 2019

README.md

Lightweight Charts

CircleCI npm version npm bundle size Zero dependencies Downloads

Demos | Documentation

TradingView Lightweight Charts are one of the smallest and fastest financial HTML5 charts.

The Lightweight Charting Library is the best choice for you if you want to display financial data as an interactive chart on your web page without affecting your web page loading speed and performance.

It is the best choice for you if you want to replace static image charts with interactive ones. The size of the library is close to static images but if you have dozens of image charts on a web page then using this library can make the size of your web page smaller.

Installing

es6 via npm

npm install lightweight-charts
import { createChart } from 'lightweight-charts';

const chart = createChart(document.body, { width: 400, height: 300 });
const lineSeries = chart.addLineSeries();
lineSeries.setData([
    { time: '2019-04-11', value: 80.01 },
    { time: '2019-04-12', value: 96.63 },
    { time: '2019-04-13', value: 76.64 },
    { time: '2019-04-14', value: 81.89 },
    { time: '2019-04-15', value: 74.43 },
    { time: '2019-04-16', value: 80.01 },
    { time: '2019-04-17', value: 96.63 },
    { time: '2019-04-18', value: 76.64 },
    { time: '2019-04-19', value: 81.89 },
    { time: '2019-04-20', value: 74.43 },
]);

CDN

You can use unpkg:

https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js

The standalone version creates window.LightweightCharts object with all exports from esm version:

const chart = LightweightCharts.createChart(document.body, { width: 400, height: 300 });
const lineSeries = chart.addLineSeries();
lineSeries.setData([
    { time: '2019-04-11', value: 80.01 },
    { time: '2019-04-12', value: 96.63 },
    { time: '2019-04-13', value: 76.64 },
    { time: '2019-04-14', value: 81.89 },
    { time: '2019-04-15', value: 74.43 },
    { time: '2019-04-16', value: 80.01 },
    { time: '2019-04-17', value: 96.63 },
    { time: '2019-04-18', value: 76.64 },
    { time: '2019-04-19', value: 81.89 },
    { time: '2019-04-20', value: 74.43 },
]);

Development

See BUILDING.md for instructions on how to build lightweight-charts from source.

License

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this software except in compliance with the License. You may obtain a copy of the License at LICENSE file. Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

This software incorporates several parts of tslib (https://github.com/Microsoft/tslib, (c) Microsoft Corporation) that are covered by the the Apache License, Version 2.0.

This license requires specifying TradingView as the product creator. You shall add the "attribution notice" from the NOTICE file and a link to https://www.tradingview.com/ to the page of your website or mobile application that is available to your users. As thanks for creating this product, we'd be grateful if you add it in a prominent place.

You can’t perform that action at this time.