FlexChart Axes Styling

FlexChart Axes Styling

Posted by: metrik on 18 September 2019, 3:30 pm EST

• 

  metrik

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 18 September 2019, 3:30 pm EST

  Hello,

   in my application I have several chart axes. I would like to give them separate colors for better UX (e.g. one axis will be red, another green, etc.). But the only way to style axes I've found is to use CSS for .wj-line class. Unfortunately this will change colors for ALL axes and I need to have different colors in different axes.
  

  Is there any way to achieve this?
  
  Thank you!

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 19 September 2019, 4:49 am EST

  Hi,
  
  The chart Axis color can be set in the rendered event by accessing the HTMLElement.
  
  Please refer to the following demo sample for reference:
  
  https://stackblitz.com/edit/angular-mrrhjl?file=src/app/app.component.ts

  Hope it helps!

  Regards,
  
  Manish Gupta

• 

  metrik

  • Post Options:
  • Link
    Copy

  Posted 19 September 2019, 6:46 am EST

  Thank you Manish!