use variable css to the flexchart for fill and storke values .

Posted by: spathi on 30 April 2020, 8:45 pm EST

  • Posted 30 April 2020, 8:45 pm EST

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

    getting error in flexchart .
    'Cannot read property '0' of null'
  • Replied 3 May 2020, 4:26 pm 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
  • Replied 3 May 2020, 6:00 pm EST

    Hi,

    Thanks Aswin, here i'm changing the fill and stroke values based on condition
  • Replied 4 May 2020, 3:19 pm 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
  • Replied 27 July 2020, 7:16 pm 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
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels