Argument of type 'Selection<BaseType, unknown, HTMLElement, any>' is not assignable to parameter of type 'Selection<any, any, any, any>'.
sagar08 opened this issue · comments
Angular Version: 11
NPM Packages installed:
"d3": "^6.5.0",
"dagre-d3": "^0.6.4",
"@types/d3": "^6.2.0",
"@types/dagre-d3": "^0.6.2",
HTML:
Flow-Chart design using D3.js
TypeScript:
ngOnInit() {
let g = new dagreD3.graphlib.Graph().setGraph({});
g.setGraph({});
let svg = d3.select("#svgCanvas");
let container = svg.select("#svgGraph1");
// Create & run the renderer
let render = new dagreD3.render();
render(container, g);
// Center the graph
var initialScale = 0.75;
svg.attr("height", g.graph().height + initialScale + 40);
}
Error 1:
Line: render(container, g);for variable container
Error: - error TS2345: Argument of type 'Selection<BaseType, unknown, HTMLElement, any>' is not assignable to parameter of type 'Selection<any, any, any, any>'.
The types of 'select(...).select' are incompatible between these types.
Type '{ (selector: string): Selection<DescElement, unknown, HTMLElement, any>; (selector: null): Selection<null, undefined, HTMLElement, any>; (selector: ValueFn<...>): Selection<...>; }' is not assignable to type '{ (selector: string): Selection<DescElement, any, any, any>; (selector: null): Selection<null, undefined, any, any>; (selector: ValueFn<...>): Selection<...>; }'.
Types of parameters 'selector' and 'selector' are incompatible.
Type 'null' is not assignable to type 'string'.
Error 2:
Line no:
svg.attr("height", g.graph().height + initialScale + 40); for g.graph().height
error TS2532: Object is possibly 'undefined'.