Vue-chartjs: Financial/OHLC chart

[ehajri]

How to extend vue-chartjs to use Chart.js official financial chart?

https://www.chartjs.org/chartjs-chart-financial/

[ehajri]

I have cloned vue-chartjs' and Chart.js Financial Charting's repos, incorporated candlestick, and ohlc charts into vue-chartjs' BaseChart. Now I can use them similar to the officially supported ones.

[apertureless]

Hey @ehajri

I think, there is no way to integrate the financial chart. Out of the box.
I can not find any installation instructions for it in the readme and it's not even properly released

This module has not yet had its initial release and is not yet available on npm.

vue-chartjs has some helpers for adding chart.js plugins, however it does not seem that the financial charts are plugins.

[ehajri]

That is correct.

I had to do the following:

1. Included financial chart source files into vue-chartjs
2. Had financial chart import chart.js, modify it, and export the object
3. vue-chartjs now uses the exported/modified version of chart.js

[walkercole]

@ehajri Could you show some example on how you achieved that code by chance? Looking to do the same thing but am not as experienced in chart.js

[ehajri]

@walkercole Sure. I'll start working on a sample right away.

[walkercole]

@ehajri Thank you for such a prompt response, i'm eager to see! :)

[ehajri]

@walkercole give this a try: https://github.com/ehajri/vue-chartjs-financial

[walkercole]

@ehajri Above and beyond! Will give this a try shortly and hopefully get something together, Thanks a ton for providing such a good example :)