asked on May 18, 2017
Please refer to the attached word document for screenshots.
Use your demo app in JSfilddle
http://jsfiddle.net/flexmonster/rkprvhhs/
Problem:
The application crashed when I switch to any "charts" when the container id is like "8a5201815b4224b5015b435ff71419c4" [i.e. an oid]
Error message:
d3.min.js:3 Uncaught SyntaxError: Failed to execute 'querySelector' on 'Document': '#8a4b01e5551b143801552627b9ae4f33' is not a valid selector.
but it works fine if the container id "p8a5201815b4224b5015b435ff71419c4".
Definitely it's a issue with first character not an alphabet because I tried container id as "1pivot-container" in your demo version in JSfiddle
⋅ May 19, 2017
Hello Sengupta,
Thank you for reporting the issue. We recommend you to define container id the following way: "#pivotContainer_"+uniqueId . Does it solve your problem?
Regards,
Tanya
⋅ May 19, 2017
Yes it will be a work around the issue,
translating the report's uniquely identified (oid) to pivot Id and vice versa.
Ideally FlexMonster should allow alphanumeric IDs
⋅ May 19, 2017
Hello Sengupta,
Thank you for the quick reply. Our component allows alphanumeric IDs. There seems to be the restriction from the d3 library which is used for creating the charts. Therefore we are advising the workaround.
Regards,
Tanya
