d3 / d3

Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

Home Page:https://d3js.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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'.