Chart (chartJS) Formatting

Wappler General How To
#1

Hello, I have used Wappler charts and it i working great!
There are a couple of options available, but not much in the way of formatting, style or classes.
How can I best change the following:

  • Axis text color
  • Change the background
  • Add a shade below the line (that’s changing type to Area…)
  • Change line/dot color
  • Choose the animation type (see pic)
  • Add a vertical line on Today.

Would it be by adding a class to the chart ?
Or redefining the class “chartjs-render-monitor”?

image
image
image

Thank you for any idea!

#2

Does anyone have solution for formatting Chart content through CSS?

#3

Hi Fred, I doubt many here have dove into the Charts CSS. I see it as a pretty limited use Wappler feature.

There is plenty of resources on the web though.

https://www.google.com/search?q=chart.js+css

It might be a good place to start anyway? Good luck! I’d love to see screenshots of what you achieve.

1 Like