簡要介紹

lightweight-charts是一款開源免費的財務專用型圖表元件。它在github擁有2.7k顆星，這款圖表元件的最大特點：專耕財務細分領域。官網上給出了非常多的Demo，這些Demo也足以展現其在財務領域上的功能強大。

官方地址

https://github.com/tradingview/lightweight-charts

安裝

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 },

]);