ngx-charts
ngx-charts copied to clipboard
Maximum Callstack exceeeded on Pie Chart V: 20.5.0
Describe the bug Pie chart is unable to render with simple data set. Issues occurs in d3.js with latest version of ngx-charts
To Reproduce
<ngx-charts-pie-chart [scheme]="'vivid'" [legend]="false" [labels]="true" [doughnut]="false" [results]="graphData">
</ngx-charts-pie-chart>
[{"name":"AwaitingLoadReport","value":3},{"name":"Initialized","value":9},{"name":"AwaitingClientApproval","value":1},{"name":"PCCReceived","value":1},{"name":"AwaitingSignedDocs","value":1},{"name":"AwaitingFinalITN","value":1},{"name":"AwaitingVesselData","value":1}]
core.mjs:10592 ERROR RangeError: Maximum call stack size exceeded
at Module.default (parse.js:18:1)
at __WEBPACK_DEFAULT_EXPORT__ (object.js:13:14)
at __WEBPACK_DEFAULT_EXPORT__ (value.js:21:15)
at __WEBPACK_DEFAULT_EXPORT__ (object.js:13:19)
at __WEBPACK_DEFAULT_EXPORT__ (value.js:21:15)
at __WEBPACK_DEFAULT_EXPORT__ (object.js:13:19)
at __WEBPACK_DEFAULT_EXPORT__ (value.js:21:15)
at __WEBPACK_DEFAULT_EXPORT__ (object.js:13:19)
at __WEBPACK_DEFAULT_EXPORT__ (value.js:21:15)
at __WEBPACK_DEFAULT_EXPORT__ (object.js:13:19)
//parse.js
export function parseSvg(value) {
if (value == null) return identity;
if (!svgNode) svgNode = document.createElementNS("http://www.w3.org/2000/svg", "g");
svgNode.setAttribute("transform", value);
if (!(value = svgNode.transform.baseVal.consolidate())) return identity;
value = value.matrix;
return decompose(value.a, value.b, value.c, value.d, value.e, value.f);
}
//object.js
if (k in a) {
i[k] = value(a[k], b[k]); //error
} else {
c[k] = b[k];
}
**}**
Expected behavior The center of the chart renders
Screenshots
ngx-charts version "@swimlane/ngx-charts": "^20.5.0"