Угловая ошибка типа 2 типа типа d3: свойство 'x' не существует в типе '[число, номер]'

Question

Я создаю линейную диаграмму с d3. Он работает, но машинописный код жалуются на собственность не существует в VS.

Свойство «х» не существует на тип «[номер, номер]»

Глядя Ошибка. Кажется, что ожидаемая точка данных представляет собой массив с двумя числами.

Но я передаю объект. D3 должен поддерживать и то, и другое.

Кто-нибудь знает, как избавиться от этой ошибки без изменения моих данных?

Answer 1

Вот решение. Мне нужно использовать дженерики:

Answer 2

его ошибка машинописи.

Я думаю, что в вашем доме нет собственности x. Вы можете попробовать это

return this.xScale(d?.x); 
return this.xScale(d?.y); 

или может быть ваш d есть данные, как этот ["x_value","y_value"] в числовом формате.

в этом случае вы должны попробовать

return this.xScale(d[0]); 
return this.yScale(d[1]); 

я надеюсь, что это поможет

Answer 3

The best way is use Typescript Optional operator (?). 

function buildName(firstName: string, lastName?: string) { 
    if (lastName) 
     return firenter code herestName + " " + lastName; 
    else 
     return firstName; 
} 

let result1 = buildName("Bob");     // works correctly now 
let result2 = buildName("Bob", "Adams", "Sr."); // error, too many parameters 
let result3 = buildName("Bob", "Adams"); // ah, just right 

Для получения более подробной информации https://www.typescriptlang.org/docs/handbook/functions.html

Answer 4

Как уже говорилось, это вопрос интерпретации машинопись. Я просто установил его с помощью скобок, чтобы получить доступ к свойству. Точно так же:

let line = d3.line() 
    .x(function (d) { 
    return x(d['date']); 
    }) 
    .y(function (d) { 
    return y(d['temp']); 
    });