search

reactchartjs / react-chartjs-2

React components for Chart.js, the most popular charting library
https://react-chartjs-2.js.org
MIT License
6.55k stars 2.37k forks source link

Forecast to include heatmap chart #622

Closed leosilva-dev closed 2 years ago

leosilva-dev commented 3 years ago

Hello, do you have a forecast do include this type of chart? (heatmap)

See an example here: https://apexcharts.com/wp-content/uploads/2018/05/heatmap-mutiple-series.svg

owenduncansnobel commented 3 years ago

Hey,

So this repository is just a wrapper for chart.js for react. I went and looked through the examples on the chart.js documentation and they don't have any built in heatmaps charts.

The closest I found was https://github.com/kurkle/chartjs-chart-matrix but it may require some extra work getting them work together as I am not sure if it is fully compatible but you maybe be able to just replace the data props and option props in this chart.

I also found some added chart functionality that people have externally developed that may be of some interest. https://github.com/chartjs/awesome

Otherwise I would recommend trying to find another library as it currently doesn't have built in functionality in chart.js let alone the react wrapper.

majulahsingapuri commented 1 year ago

@owen-duncan-snobel @Arantiryo Hi I'm trying to use the chart matrix library mentioned in one of my react projects. I cant seem to get the chart to render the data on initial load but it renders correctly when i force a typescript error and undo the change (on my local machine at least. it doesnt happen in the sandbox).

Similar code works for my candlestick chart using chartjs-financial. See the codesandbox for implementation. I have duplicated the typedCharts.tsx to get the chart to work.