{"id":13633127,"url":"https://github.com/klinecharts/KLineChart","last_synced_at":"2025-04-18T10:34:15.052Z","repository":{"id":37235105,"uuid":"187455140","full_name":"klinecharts/KLineChart","owner":"klinecharts","description":"📈Lightweight k-line chart that can be highly customized. Zero dependencies. Support mobile.（可高度自定义的轻量级k线图，无第三方依赖，支持移动端）","archived":false,"fork":false,"pushed_at":"2025-04-13T16:55:52.000Z","size":71497,"stargazers_count":2785,"open_issues_count":19,"forks_count":688,"subscribers_count":42,"default_branch":"main","last_synced_at":"2025-04-16T10:39:33.475Z","etag":null,"topics":["candlestick","canvas","chart","exchange","finance","kline","klinechart","stock","stockchart","technical-indicators","time-line"],"latest_commit_sha":null,"homepage":"https://klinecharts.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/klinecharts.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":["https://klinecharts.com/sponsor.html"],"github":["liihuu"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null}},"created_at":"2019-05-19T09:04:23.000Z","updated_at":"2025-04-16T10:15:05.000Z","dependencies_parsed_at":"2022-08-08T19:30:46.643Z","dependency_job_id":"eaed0cf5-deb7-47ee-b6bc-c00c1a391cb0","html_url":"https://github.com/klinecharts/KLineChart","commit_stats":{"total_commits":1225,"total_committers":23,"mean_commits":53.26086956521739,"dds":0.04244897959183669,"last_synced_commit":"438830834652d6ff845bb3187c03e0b402b4440e"},"previous_names":["liihuu/klinechart"],"tags_count":95,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klinecharts%2FKLineChart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klinecharts%2FKLineChart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klinecharts%2FKLineChart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klinecharts%2FKLineChart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/klinecharts","download_url":"https://codeload.github.com/klinecharts/KLineChart/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249238939,"owners_count":21235747,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["candlestick","canvas","chart","exchange","finance","kline","klinechart","stock","stockchart","technical-indicators","time-line"],"created_at":"2024-08-01T23:00:28.386Z","updated_at":"2025-04-18T10:34:15.043Z","avatar_url":"https://github.com/klinecharts.png","language":"TypeScript","funding_links":["https://klinecharts.com/sponsor.html","https://github.com/sponsors/liihuu"],"categories":["TypeScript","Charting libraries"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://klinecharts.com\"\u003e\n    \u003cimg src=\"https://klinecharts.com/images/logo.svg?hash=89987fs7789\" height=\"100\"/\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\u003ch1 align=\"center\"\u003eKLineChart\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\nEnglish | \u003ca href=\"https://github.com/liihuu/KLineChart/blob/main/README.zh-CN.md\"\u003e简体中文\u003c/a\u003e\n\u003c/div\u003e\n\u003cbr/\u003e\n\n\u003cp align=\"center\"\u003e💹📈 Lightweight k-line chart built with html5 canvas.\u003c/p\u003e\n\u003cdiv align=\"center\"\u003e\n\n[![GitHub Workflow Status (with branch)](https://img.shields.io/github/actions/workflow/status/liihuu/KLineChart/build.yml?logo=github)](https://github.com/liihuu/KLineChart/actions/workflows/build.yml)\n[![Version](https://badgen.net/npm/v/klinecharts)](https://www.npmjs.com/package/klinecharts)\n[![Size](https://badgen.net/bundlephobia/minzip/klinecharts@latest)](https://bundlephobia.com/result?p=klinecharts@latest)\n[![npms.io (maintenance)](https://img.shields.io/npms-io/quality-score/klinecharts)](https://www.npmjs.com/package/klinecharts)\n[![Typescript](https://badgen.net/npm/types/klinecharts)](types/index.d.ts)\n[![LICENSE](https://badgen.net/github/license/liihuu/KLineChart)](LICENSE)\n[![Docs](https://badgen.net/badge/docs%20by/vitepress/bd34fe)](https://vitepress.dev/)\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![Issues](https://img.shields.io/static/v1?color=1f2328\u0026logo=github\u0026logoColor=fff\u0026label\u0026message=Github%20Issues)](https://github.com/liihuu/KLineChart/issues)\n[![Discussions](https://img.shields.io/static/v1?color=1f2328\u0026logo=github\u0026logoColor=fff\u0026label\u0026message=Github%20Discussions)](https://github.com/liihuu/KLineChart/discussions)\n[![Telegram](https://img.shields.io/static/v1?color=1296DB\u0026logo=telegram\u0026logoColor=fff\u0026label\u0026message=Telegram)](https://t.me/klinecharts)\n[![Wechat](https://img.shields.io/static/v1?color=1EBE1F\u0026logo=wechat\u0026logoColor=fff\u0026label\u0026message=Wechat)](https://klinecharts.com/en-US/guide/feedback.html)\n\u003c!-- [![Discord](https://img.shields.io/static/v1?color=738BD8\u0026logo=discord\u0026logoColor=fff\u0026label\u0026message=Discord)](https://discord.gg/7YjHYgvvvZ) --\u003e\n\u003c!-- [![Twitter](https://img.shields.io/static/v1?color=1D9BF0\u0026logo=twitter\u0026logoColor=fff\u0026label\u0026message=Twitter)](https://twitter.com/klinecharts) --\u003e\n\n\n\u003c/div\u003e\n\n\u003cimg style=\"margin-bottom:6px\" src=\"https://cdn.nlark.com/yuque/0/2023/png/8403091/1684399506365-assets/web-upload/044fe897-168c-4fbb-a485-87a8ef61c04a.png\" /\u003e\n\n\n## ✨ Features\n- 📦 **Out of the box:** Simple and fast integration, basically zero cost to get started.\n- 🚀 **Lightweight and smooth:** Zero dependencies, only 40k under gzip compression.\n- 💪 **Powerful functions:** Built-in multiple indicators and line drawing models.\n- 🎨 **Highly scalable:** With rich style configuration and API, the function can be extended as you like.\n- 📱 **Mobile:** Support mobile, one chart, handle multiple terminals.\n- 🛡 **Typescript development:** Provide complete type definition files.\n\n## ⚡ Performance\nSimilar to chart libraries for performance comparison. \n+ **Test Scenario:** 50000 pieces of data, 5 pane indicators, average 10 runs\n+ **Device:** macOS Ventura, Apple M2 Pro, 16G\n+ **Browser:** Chrome 114.0.5735.106\n+ **Framework:** React@18.2.0\n\nComparison of time consumption from initialization to full rendering:\n\n| **klinecharts@9.4.0** | **night-vision@0.3.2** | **hqchart@1.1.12147** |\n| :---: | :---: | :---: |\n|  37ms  |  36ms | 241ms | \n\n\n## 📦 Install\n### Using npm\n```bash\nnpm install klinecharts --save\n```\n\n### Using yarn\n```bash\nyarn add klinecharts\n```\n\n### CDNs\n#### [unpkg](https://unpkg.com)\n```html\n\u003cscript type=\"text/javascript\" src=\"https://unpkg.com/klinecharts/dist/klinecharts.min.js\"\u003e\u003c/script\u003e\n```\n\n#### [jsDelivr](https://cdn.jsdelivr.net)\n```html\n\u003cscript type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/klinecharts/dist/klinecharts.min.js\"\u003e\u003c/script\u003e\n```\n\n## 📄 Docs\n### Online\n[https://www.klinecharts.com](https://www.klinecharts.com)\n\n### Locale\nExecute command in root directory. [Node.js](https://nodejs.org) is required.\n```bash\n# Install the dependencies\nnpm install\n\n# Start document service\nnpm run docs:dev\n```\nAfter successful startup, open in the browser http://localhost:8888 .\n\n## 🛠️ Build\nExecute command in root directory. [Node.js](https://nodejs.org) is required.\n```bash\n# Install the dependencies\nnpm install\n\n# Build files\nnpm run build\n```\nThe generated files are in the dist folder.\n\n## 🔗 Links\n+ [KLineChart Preview](https://preview.klinecharts.com): A more complete example.\n+ [KLineChart Pro](https://pro.klinecharts.com): Financial chart built out of the box based on KLineChart.\n+ [openctp](https://github.com/openctp/openctp): Trading simulation environment for the Chinese market.\n\n## ©️ License\nKLineChart is available under the Apache License V2.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fklinecharts%2FKLineChart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fklinecharts%2FKLineChart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fklinecharts%2FKLineChart/lists"}