d3.select no funciona

Hola, recientemente comencé a trabajar en la visualización personalizada de energía.

Mientras trabajo en el archivo .ts mirando los ejemplos, mi d3.select no funciona.

¿Cuál podría ser la posible razón de ello?

Importé los tipos para d3 y los incluí en la estructura del archivo. Pero todavía no funciona y no muestra ningún error mientras intentaba ejecutarlo.

  export class Visual implements IVisual {
 private target: HTMLElement;
 private barDataPoints: nodeTreeViewPoints[];
 private host: IVisualHost;
 private svg: d3.Selection<SVGElement>;
 private barContainer: d3.Selection<SVGElement>;
 private xAxis: d3.Selection<SVGElement>;
 private selectionManager: ISelectionManager;
 

 static Config = {
 xScalePadding: 0.1,
 solidOpacity: 1,
 transparentOpacity: 0.5,
 margins: {
 top: 0,
 right: 0,
 bottom: 25,
 left: 30,
 },
 xAxisFontMultiplier: 0.04,
 };

 constructor(options: VisualConstructorOptions) {
 this.host = options.host;
 this.selectionManager = options.host.createSelectionManager();
 console.log("aaaaa111");
 this.svg = d3.select(options.element);
 let svg = this.svg;
 console.log("aaaaa");
 this.barContainer = svg.append('g')
 .classed('nodeGraphArea', true);

 this.xAxis = svg.append('g')
 .classed('xAxis', true);
 }

el «aaaa» nunca se imprime en la consola.

@ngann93,

Según mi prueba, podría usar el siguiente script para solucionar esta situación.

	private window: any;

        constructor(options: VisualConstructorOptions) {
		this.window = window;

		this.svg = this.window.d3.select(options.element);

@ngann93,

Según mi prueba, podría usar el siguiente script para solucionar esta situación.

	private window: any;

        constructor(options: VisualConstructorOptions) {
		this.window = window;

		this.svg = this.window.d3.select(options.element);

Hola, recientemente comencé a trabajar en la visualización personalizada de energía.

Mientras trabajo en el archivo .ts mirando los ejemplos, mi d3.select no funciona.

¿Cuál podría ser la posible razón de ello?

Importé los tipos para d3 y los incluí en la estructura del archivo. Pero todavía no funciona y no muestra ningún error mientras intentaba ejecutarlo.

  export class Visual implements IVisual {
 private target: HTMLElement;
 private barDataPoints: nodeTreeViewPoints[];
 private host: IVisualHost;
 private svg: d3.Selection<SVGElement>;
 private barContainer: d3.Selection<SVGElement>;
 private xAxis: d3.Selection<SVGElement>;
 private selectionManager: ISelectionManager;
 

 static Config = {
 xScalePadding: 0.1,
 solidOpacity: 1,
 transparentOpacity: 0.5,
 margins: {
 top: 0,
 right: 0,
 bottom: 25,
 left: 30,
 },
 xAxisFontMultiplier: 0.04,
 };

 constructor(options: VisualConstructorOptions) {
 this.host = options.host;
 this.selectionManager = options.host.createSelectionManager();
 console.log("aaaaa111");
 this.svg = d3.select(options.element);
 let svg = this.svg;
 console.log("aaaaa");
 this.barContainer = svg.append('g')
 .classed('nodeGraphArea', true);

 this.xAxis = svg.append('g')
 .classed('xAxis', true);
 }

el «aaaa» nunca se imprime en la consola.