Please refer to the attached word document for screenshots.
Use your demo app in JSfilddle
The application crashed when I switch to any “charts” when the container id is like “8a5201815b4224b5015b435ff71419c4” [i.e. an oid]
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
Thank you for reporting the issue. We recommend you to define container id the following way:
"#pivotContainer_"+uniqueId . Does it solve your problem?
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
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.