Use variable css to the flexchart for fill and storke values

Use variable css to the flexchart for fill and storke values

Posted by: spathi on 1 May 2020, 5:45 am EST

• 

  spathi

  • Post Options:
  • Link
    Copy

  Posted 1 May 2020, 5:45 am EST

  seriesStyle: any = {
  
  fill: ‘var(–link-color-light)’,
  
  stroke: ‘var(–link-color-light)’
  
  };

  getting error in flexchart .
  
  ‘Cannot read property ‘0’ of null’

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 4 May 2020, 1:26 am EST

  Hi,

  We were able to replicate the issue at our end so we have forwarded this to the dev team with internal tracking id 433599. We will update you once this issue is fixed.

  In the meantime, as a workaround, instead of setting the fill and stroke property in the JS, you may assign a cssClass to the series and customize the series in CSS directly. Please refer to the sample link below for reference:

  https://stackblitz.com/edit/js-sjzeku

  Regards,
  
  Ashwin

• 

  spathi

  • Post Options:
  • Link
    Copy

  Posted 4 May 2020, 3:00 am EST

  Hi,

  Thanks Aswin, here i’m changing the fill and stroke values based on condition

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 5 May 2020, 12:19 am EST

  Hi,

  As you were changing the style of the series based on the condition, similarly you can add different CSS classes and change the cssClass property based on the same condition.

  ~regards

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 28 July 2020, 4:16 am EST

  Hi Spathi,

  The issue has been fixed in the latest nightly build of Wijmo. You may verify the same using the sample link below:

  https://stackblitz.com/edit/js-xzrohm

  This fix will be included in the next stable release.

  PS: Nightly builds have not passed through the QA cycles as all of our release builds do. So, it is not recommended to use nightly builds in production.

  ~regards