{"id":13517772,"url":"https://github.com/chartjs/chartjs-chart-financial","last_synced_at":"2025-10-05T22:10:50.485Z","repository":{"id":20220942,"uuid":"89175628","full_name":"chartjs/chartjs-chart-financial","owner":"chartjs","description":"Chart.js module for charting financial securities","archived":false,"fork":false,"pushed_at":"2025-02-21T05:10:15.000Z","size":1180,"stargazers_count":783,"open_issues_count":37,"forks_count":199,"subscribers_count":27,"default_branch":"master","last_synced_at":"2025-03-24T05:14:50.819Z","etag":null,"topics":["candlestick","candlestick-chart","chart","charting-library","javascript-library","ohlc","timeseries"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chartjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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}},"created_at":"2017-04-23T22:08:11.000Z","updated_at":"2025-03-22T01:27:18.000Z","dependencies_parsed_at":"2023-02-15T09:45:46.248Z","dependency_job_id":"1820f21b-3563-4068-b4e5-ba60e92ce547","html_url":"https://github.com/chartjs/chartjs-chart-financial","commit_stats":{"total_commits":165,"total_committers":19,"mean_commits":8.68421052631579,"dds":0.6424242424242423,"last_synced_commit":"201a2df2dd90da077a3a6b8a928fea47b563e11b"},"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-chart-financial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-chart-financial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-chart-financial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2Fchartjs-chart-financial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chartjs","download_url":"https://codeload.github.com/chartjs/chartjs-chart-financial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246446762,"owners_count":20778869,"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","candlestick-chart","chart","charting-library","javascript-library","ohlc","timeseries"],"created_at":"2024-08-01T05:01:37.216Z","updated_at":"2025-10-05T22:10:45.448Z","avatar_url":"https://github.com/chartjs.png","language":"JavaScript","readme":"# Chart.js Financial Charting\n\nChart.js module for Candlestick and OHLC charts\n\n## Roadmap\n\nChart.js 2.7.0 added our timeseries scale as new option called [`distribution: series`](http://www.chartjs.org/docs/latest/axes/cartesian/time.html). This has greatly improved support for financial timeseries.\n\nChart.js 2.7.1 added [fixes for timeseries](https://github.com/chartjs/Chart.js/pull/4779).\n\nChart.js 2.7.2 added [formatting of timestamps in tooltips](https://github.com/chartjs/Chart.js/pull/5095).\n\nChart.js 2.7.3 included a [fix for hovering](https://github.com/chartjs/Chart.js/pull/5570).\n\nChart.js 2.8.0 added datetime adapters and [time scale performance improvements](https://github.com/chartjs/Chart.js/pull/6019). This allows users to use a datetime library of their choosing such as [Luxon](https://moment.github.io/luxon/) in order to get i18n and timezone support\n\nChart.js 2.9.0 added [improved autoskipping](https://github.com/chartjs/Chart.js/pull/6509), [support for floating bars](https://github.com/chartjs/Chart.js/pull/6056), [better support for mixed chart types](https://github.com/chartjs/Chart.js/pull/5999), and [numerous performance improvements](https://github.com/chartjs/Chart.js/releases/tag/v2.9.0).\n\nChart.js 3.0.0 removed the need for custom scales, which means logarithmic scale is now supported. It also has numerous performance improvements.\n\nChart.js 4.0.0 has some breaking changes that required modifying this library configuration. Check the updated examples to see which changes are necessary.\n\n## Comparison\n\nWe are aiming to make Chart.js the only popular JavaScript library that is both performant and has good timescale handling.\n\nMost chart libraries don't have great handling of timescale axes and will not always choose the first of the month, year, etc. as labels. This library leverages the concept of major ticks that we introduced in Chart.js. E.g. it will make sure that the first day of each month is plotted before plotting days in between.\n\nOne of the best libraries we've found for financial charts is [react-stockcharts](https://github.com/rrag/react-stockcharts). However, it ties the user to utilizing React.\n\nBecause Chart.js utilizes canvas it is more performant than the majority of JavaScript charting libraries. In a [benchmark of the fastest JavaScript chart libraries](https://github.com/leeoniya/uPlot#performance), Chart.js performs respectably. Chart.js is slower than some of the fastest libraries like uPlot because it accepts varied input (parsing, linear and timeseries support in time scale, etc.) and has animation support (which is still costly even when off due to the way the code is structured).\n\n## Documentation\n\nAs we near an initial release we will add additional documentation. For now, please see the docs directory.\n\n### Examples\n\nExamples are available here: https://chartjs.github.io/chartjs-chart-financial/\n\n### Date Libraries \u0026 IE Support\n\nIE may not be supported because we use some newer ES features. We will need to apply Babel to fix this\n\nChart.js requires that you supply a date library. The examples utilize [chartjs-adapter-luxon](https://github.com/chartjs/chartjs-adapter-luxon), which has the best support for i18n and time zones. However, in order to use [Luxon](http://moment.github.io/luxon/) with IE you need to supply polyfills. If you require IE support you may find it easier to use another date library like [Moment](https://momentjs.com/) or [date-fns](https://date-fns.org/). Please see the Chart.js documentation for more details on date adapters.\n\n## Related Plugins\n\nThe plugins below may be particularly interesting to use with financial charts. See [the Chart.js plugin API](https://www.chartjs.org/docs/latest/developers/plugins.html) and [longer list of plugins](https://www.chartjs.org/docs/latest/notes/extensions.html#plugins) for more info about Chart.js plugins generally.\n\n- [chartjs-plugin-zoom](https://github.com/chartjs/chartjs-plugin-zoom)\n- [chartjs-plugin-crosshair](https://github.com/abelheinsbroek/chartjs-plugin-crosshair) ([demo](https://chartjs-plugin-crosshair.netlify.app/samples/))\n- [chartjs-plugin-streaming](https://github.com/nagix/chartjs-plugin-streaming) ([demo](https://nagix.github.io/chartjs-plugin-streaming/master/samples/integration/financial.html))\n\n## Building\n\n\u003ca href=\"https://travis-ci.org/chartjs/chartjs-chart-financial\"\u003e\u003cimg src=\"https://img.shields.io/travis/chartjs/chartjs-chart-financial.svg?style=flat-square\u0026maxAge=600\" alt=\"Builds\"\u003e\u003c/a\u003e\n\n```sh\nnpm install\ngulp build\n```\n","funding_links":[],"categories":["JavaScript","Charts"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchartjs%2Fchartjs-chart-financial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchartjs%2Fchartjs-chart-financial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchartjs%2Fchartjs-chart-financial/lists"}