Replace Blazorise chart with ApexCharts

[ledpup]

There is charting component that looks as good as the Blazorise Chart (chartjs wrapper) that doesn't have a licencing concern.

Blazor-ApexCharts It's a wrapper for another JS library.

Features used by climateexplorer.net already:

• labelling for axes and multiple axes (including colours for labels)
• line and bar charts
• click events for points on the chart
• hover tooltip
• legend click (to remove/re-add series)

Could be nice to utilise:

• chart scrolling
• chart zoom
• toolbar with zoom and saving chart options
• RangeArea chart (slow a min/max range of temperatures maybe)

Does not have (automatic) support for:

• trendline

[ledpup]

Work began on this over in the issues/apex-charts branch but had to be halted as there are too many bugs in ApexCharts to have confidence in the component.

More info at:

• Point disappearing after hover apexcharts/apexcharts.js#1753
• Missing null values at line chart apexcharts/apexcharts.js#3641
• [Dumbbell chart] plotting null values at the top of the chart apexcharts/apexcharts.js#4458
• Stepped line chart with null values removes two line segments instead of one apexcharts/apexcharts.js#4787
• Tooltip not disappearing on null values apexcharts/apexcharts.js#4790
• Tooltip dissapearing and pointer bouncing on line chart mouse move apexcharts/apexcharts.js#4791

Note: some of these bug reports are years old.

[ledpup]

Won't be able to continue work on this until the missing/null data bugs are fixed.

[ledpup]

Issue(s) appears to be resolved in the JS library. Can try again with the Blazor wrapper.

Dependant on:

• Update to apexcharts.js Version 4.5.0 apexcharts/Blazor-ApexCharts#590

[technyon]

Hi. I'm not using ClimateExplorer, but came across this issue by coincidence while doing research. I've used ApexCharts before and to save you some headache, I'll give you some feedback. I've decided to move to blazorise because ApexCharts will break at some point if you put too many data points into it. Once there's too much data, random things will start to break. I've looked at many chart libraries, and blazorise is the only one that is stable enough and has all the features I need. The licensing of course is an issue, but since I'm working on a commercial project we decided to purchase a license.

[ledpup]

Thanks @technyon, I'll take it into consideration. The licencing is the biggest thing for me - I really don't want to have to mess around with licences for a hobby project. Also though, the code for the Blazorise chart setup is way more involved and glitchy. However, that is done now so I guess it shouldn't motivate me to change it as much as I like tidier code.

My charts don't have all that many points on them, but it's a worry that the ApexCharts may do random things. I certainly wasn't impressed with the bugs I'd found after my initial investigation.

Thanks for the info!

[technyon]

@ledpup If the amount of data you feed into Apex Charts is limited, I think it can work for you. Besides the bugs it's actually nice, I even contributed at some point.