[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3848":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":36,"readmeContent":37,"aiSummary":38,"trendingCount":16,"starSnapshotCount":16,"syncStatus":39,"lastSyncTime":40,"discoverSource":41},3848,"lightweight-charts","tradingview\u002Flightweight-charts","tradingview","Performant financial charts built with HTML5 canvas","https:\u002F\u002Fwww.tradingview.com\u002Flightweight-charts\u002F",null,"TypeScript",16154,2461,190,115,0,10,81,391,46,45,"Apache License 2.0",false,"master",true,[27,28,29,30,31,32,33,34,35],"canvas","charting","charting-library","charts","finance","financial-charting-library","html5-charts","javascript","typescript","2026-06-12 02:00:55","\u003C!-- markdownlint-disable no-inline-html first-line-h1 -->\n\n\u003Cdiv align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.tradingview.com\u002Flightweight-charts\u002F\" target=\"_blank\">\n    \u003Cimg width=\"200\" src=\"https:\u002F\u002Fgithub.com\u002Ftradingview\u002Flightweight-charts\u002Fraw\u002Fmaster\u002F.github\u002Flogo.svg?sanitize=true\" alt=\"Lightweight Charts logo\">\n  \u003C\u002Fa>\n\n  \u003Ch1>Lightweight Charts™\u003C\u002Fh1>\n\n  [![CircleCI][ci-img]][ci-link]\n  [![npm version][npm-version-img]][npm-link]\n  [![npm bundle size][bundle-size-img]][bundle-size-link]\n  [![Dependencies count][deps-count-img]][bundle-size-link]\n  [![Downloads][npm-downloads-img]][npm-link]\n  [![pkg.pr.new][pkg-pr-new-img]][pkg-pr-new-link]\n\u003C\u002Fdiv>\n\n\u003C!-- markdownlint-enable no-inline-html -->\n\n[Demos][demo-url] | [Documentation](https:\u002F\u002Ftradingview.github.io\u002Flightweight-charts\u002F) | [Reddit](https:\u002F\u002Fwww.reddit.com\u002Fr\u002FTradingView\u002F)\n\nTradingView Lightweight Charts™ are one of the smallest and fastest financial HTML5 charts.\n\nThe Lightweight Charts™ 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.\n\nIt is the best choice for you if you want to replace static image charts with interactive ones.\nThe 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.\n\nTake a look at [awesome-tradingview](https:\u002F\u002Fgithub.com\u002Ftradingview\u002Fawesome-tradingview?tab=readme-ov-file#lightweight-charts) for related projects created by our community members.\n\nThe library provides a rich set of charting capabilities out of the box, but developers can also extend its functionality by building custom plugins. See the [interactive plugin examples here](https:\u002F\u002Ftradingview.github.io\u002Flightweight-charts\u002Fplugin-examples\u002F), or check out [plugin-examples\u002FREADME.md](https:\u002F\u002Fgithub.com\u002Ftradingview\u002Flightweight-charts\u002Ftree\u002Fmaster\u002Fplugin-examples) for more details.\n\n## Installing\n\n### es6 via npm\n\n```bash\nnpm install lightweight-charts\n```\n\n### Latest master build\n\nTo try the latest `master` build without waiting for a release (powered by [pkg.pr.new](https:\u002F\u002Fpkg.pr.new)):\n\n```bash\nnpm install https:\u002F\u002Fpkg.pr.new\u002Flightweight-charts@master\n```\n\nThe import and usage below applies to both npm installation options:\n\n```js\nimport { createChart, LineSeries } from 'lightweight-charts';\n\nconst chart = createChart(document.body, { width: 400, height: 300 });\nconst lineSeries = chart.addSeries(LineSeries);\nlineSeries.setData([\n    { time: '2019-04-11', value: 80.01 },\n    { time: '2019-04-12', value: 96.63 },\n    { time: '2019-04-13', value: 76.64 },\n    { time: '2019-04-14', value: 81.89 },\n    { time: '2019-04-15', value: 74.43 },\n    { time: '2019-04-16', value: 80.01 },\n    { time: '2019-04-17', value: 96.63 },\n    { time: '2019-04-18', value: 76.64 },\n    { time: '2019-04-19', value: 81.89 },\n    { time: '2019-04-20', value: 74.43 },\n]);\n```\n\n### CDN\n\nYou can use [unpkg](https:\u002F\u002Funpkg.com\u002F):\n\n\u003Chttps:\u002F\u002Funpkg.com\u002Flightweight-charts\u002Fdist\u002Flightweight-charts.standalone.production.js>\n\nThe standalone version creates `window.LightweightCharts` object with all exports from `esm` version:\n\n```js\nconst chart = LightweightCharts.createChart(document.body, { width: 400, height: 300 });\nconst lineSeries = chart.addSeries(LightweightCharts.LineSeries);\nlineSeries.setData([\n    { time: '2019-04-11', value: 80.01 },\n    { time: '2019-04-12', value: 96.63 },\n    { time: '2019-04-13', value: 76.64 },\n    { time: '2019-04-14', value: 81.89 },\n    { time: '2019-04-15', value: 74.43 },\n    { time: '2019-04-16', value: 80.01 },\n    { time: '2019-04-17', value: 96.63 },\n    { time: '2019-04-18', value: 76.64 },\n    { time: '2019-04-19', value: 81.89 },\n    { time: '2019-04-20', value: 74.43 },\n]);\n```\n\n### Build Variants\n\n|Dependencies included|Mode|ES module|IIFE (`window.LightweightCharts`)|\n|-|-|-|-|\n|No|PROD|`lightweight-charts.production.mjs`|N\u002FA|\n|No|DEV|`lightweight-charts.development.mjs`|N\u002FA|\n|Yes (standalone)|PROD|`lightweight-charts.standalone.production.mjs`|`lightweight-charts.standalone.production.js`|\n|Yes (standalone)|DEV|`lightweight-charts.standalone.development.mjs`|`lightweight-charts.standalone.development.js`|\n\n## Development\n\nSee [BUILDING.md](.\u002FBUILDING.md) for instructions on how to build `lightweight-charts` from source.\n\n## License\n\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use this software except in compliance with the License.\nYou may obtain a copy of the License at LICENSE file.\nUnless 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.\n\nThis software incorporates several parts of tslib (\u003Chttps:\u002F\u002Fgithub.com\u002FMicrosoft\u002Ftslib>, (c) Microsoft Corporation) that are covered by BSD Zero Clause License.\n\nThis license requires specifying TradingView as the product creator.\nYou shall add the \"attribution notice\" from the NOTICE file and a link to \u003Chttps:\u002F\u002Fwww.tradingview.com\u002F> to the page of your website or mobile application that is available to your users.\nAs thanks for creating this product, we'd be grateful if you add it in a prominent place.\nYou can use the [`attributionLogo`](https:\u002F\u002Ftradingview.github.io\u002Flightweight-charts\u002Fdocs\u002Fapi\u002Finterfaces\u002FLayoutOptions#attributionLogo) chart option for displaying an appropriate link to \u003Chttps:\u002F\u002Fwww.tradingview.com\u002F> on the chart itself, which will satisfy the link requirement.\n\n[demo-url]: https:\u002F\u002Fwww.tradingview.com\u002Flightweight-charts\u002F\n\n[ci-img]: https:\u002F\u002Fimg.shields.io\u002Fcircleci\u002Fbuild\u002Fgithub\u002Ftradingview\u002Flightweight-charts.svg\n[ci-link]: https:\u002F\u002Fcircleci.com\u002Fgh\u002Ftradingview\u002Flightweight-charts\n\n[npm-version-img]: https:\u002F\u002Fbadge.fury.io\u002Fjs\u002Flightweight-charts.svg\n[npm-downloads-img]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Flightweight-charts.svg\n[npm-link]: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Flightweight-charts\n\n[bundle-size-img]: https:\u002F\u002Fbadgen.net\u002Fbundlephobia\u002Fminzip\u002Flightweight-charts\n[deps-count-img]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdynamic\u002Fjson.svg?label=dependencies&color=brightgreen&query=$.dependencyCount&uri=https%3A%2F%2Fbundlephobia.com%2Fapi%2Fsize%3Fpackage%3Dlightweight-charts\n[bundle-size-link]: https:\u002F\u002Fbundlephobia.com\u002Fresult?p=lightweight-charts\n[pkg-pr-new-img]: https:\u002F\u002Fpkg.pr.new\u002Fbadge\u002Ftradingview\u002Flightweight-charts\n[pkg-pr-new-link]: https:\u002F\u002Fpkg.pr.new\u002F~\u002Ftradingview\u002Flightweight-charts\n","Lightweight Charts 是一个基于 HTML5 canvas 构建的高性能金融图表库。它使用 TypeScript 编写，提供了丰富的图表功能，同时保持了极小的体积和快速的加载速度，非常适合用于网页中展示金融数据而不影响页面性能。其核心特性包括高度可定制、支持多种图表类型（如线图、柱状图等），并且允许开发者通过插件扩展功能。此项目适用于需要在网站上以互动方式展示大量财务信息的场景，尤其是当静态图片图表无法满足需求时。",2,"2026-06-11 02:56:39","top_language"]