"Property does not exist on type {}" 将匿名函数与 D3 SVG 符号一起使用时出错

Question

我正在尝试创建 D3 SVG 符号，符号形状根据数据中的类别属性动态设置。这将是 PowerBI 中自定义视觉对象的一部分，因此我使用的是 Typings 库。

根据我在网上看到的例子，下面的代码应该可以工作。

var milestoneSymbols = this.milestoneContainer.selectAll('.path').data(viewModel.milestones);
milestoneSymbols.enter().append('path');
milestoneSymbols.attr('d', d3.svg.symbol() 
                            .size(25) 
                            .type( function(d){ return d.typeSymbol})
    );
milestoneSymbols.attr("transform", function(d,i) {
        return "translate("+ xScale(d.date) + "," 
            + ((i % heightGroups) * (milestoneContainerHeight/heightGroups) + margins.top )
            + ")";
        });
milestoneSymbols.style("stroke", "function(d) {  return findTaskTypeShape(d.label).color; }
                .style("stroke-width", 1)
                .style("fill", function(d) {  return findTaskTypeShape(d.label).color; });

但是我收到代码 .type( function(d){ return d.typeSymbol}) 的错误 Property 'typeSymbol' does not exist on type '{}'。 d 似乎在 type() 中不可用，因为它正在 d3.svg.symbol() 代码中使用。如果我用 "square" 之类的字符串文字替换匿名函数，它就可以工作。

如何解决这个问题？

Answer 1

Typescript 对您的数据对象类型一无所知。您可以定义数据对象类型，也可以尝试使用任何类型：

milestoneSymbols.attr('d', d3.svg.symbol() 
                            .size(25) 
                            .type( function(d: any){ return d.typeSymbol;})

"Property does not exist on type {}" 将匿名函数与 D3 SVG 符号一起使用时出错

"Property does not exist on type {}" error when using anonymous function with D3 SVG Symbol

javascript

svg

symbols

d3.js

powerbi