Possible get more modern looking charts?

[nader.chinichian]

But you have to add $1600 for web dev module which unacceptable and also the management of code is very hard

[PRAMANJ]

We have a nodejs module instead.

[nader.chinichian]

How does it work here?
And how much does it cost?

[PRAMANJ]

I will soon release a video on it.

[PRAMANJ]

please see intro video of the NodeJs based appraoch.

[Jaime_Casal]

this looks great, I’m sure it was a lot of work, unfortunately.
This is all in perspective?

[Steve_Laubach]

I agree. I’ll take a correct chart over a pretty one any day of the week.

[Steve_Laubach]

Yeah, that was all perspective controls

[Abiiiiii22]

May I ask how you did the shadows on the buttons, charts, and gauges? I love the look of yours and would love to recreate them but cannot figure out how, I'm guessing its CSS but having a hard time finding out which values to add/alter to get it to look awesome like yours!! I also 100% agree they need to have better looking charts out of the box!

[Benjamin_Furlani]

For base amcharts you will need to use CSS. You can inspect them and see the class names to override as well as just add to the style prop for the charts.

Its really just a matter of how in depth you want to go on styling.

I perfer using @bmusson chartjs module but I have more experience with chartjs from previous development roles.

[Abiiiiii22]

Do you know of any youtube videos that walks you through how to set this up/ get started using the ChartJS? I tried to get it from GitHub but it only renders about 3 charts and can't figure out how to customize them. Thank you for your reply!

[Benjamin_Furlani]

Musson Industrial’s Embr-Charts Module

Embr-Charts Musson Industrial is excited to announce the release of embr-charts, an Ignition module that adds a collection of enhanced Perspective charting components. Chart.js Component This initial release contains a Chart.js component. [image] Chart.js renders chart elements on an HTML5 canvas unlike other D3.js-based charting libraries that render as SVG. Canvas rendering makes Chart.js very performant, especially for large datasets and compl…

This is the page for the module with some examples, but chartjs has pretty extensive documentation and examples. You won't be able to find much about chartjs + Ignition but you should be able to apply the chartjs options etc to them.

I should also mention its a third-party module, so always make sure your customer and or employer is okay and comfortable with that. I may know how reputable Ben is, but they may not so please be mindful of that!

[pturmel]

@Benjamin_Furlani

your customer and or employer

This topic is in the Maker category, FWIW.

[bmusson]

@Benjamin_Furlani

chartjs has pretty extensive documentation and examples

All the Chart.js examples should match 1-to-1; the only examples that require rework are the ones with advanced interactivity (adding points, adjusting ranges, etc.).

@Abiiiiii22

I tried to get it from GitHub but it only renders about 3 charts and can't figure out how to customize them.

If you’ve got any specific questions, throw them in the thread over here: Musson Industrial’s Embr-Charts Module

[bmusson]

@Benjamin_Furlani

I should also mention its a third-party module

@pturmel

This topic is in the Maker category, FWIW.

Hey, if anyone wants to pay us for support of their Maker installation, we’d be happy to oblige (assuming their use of Maker Edition falls within its terms and conditions) .

Support | Musson Industrial