在Typescript中配置ChartJs時輸入錯誤

我正在使用Typescript中的ChartJS庫。這是我的密碼，

const config = {
    type: 'line',
    data: datasets,
    options: {
    }
}


var myChart;
try {
    myChart = new Chart(canvasElm, config)

} catch (error) {
    if (myChart != undefined)
        myChart.destroy();
}

但我遇到了編譯錯誤：

  TS2345: Argument of type '{ type: string; data: any; options: {}; }' is not assignable to parameter of t
 ype 'ChartConfiguration<"bar" | "line" | "scatter" | "bubble" | "pie" | "doughnut" | "polarArea" | "radar", (n
 umber | ScatterDataPoint | BubbleDataPoint)[], unknown>'.
   Types of property 'type' are incompatible.
     Type 'string' is not assignable to type '"bar" | "line" | "scatter" | "bubble" | "pie" | "doughnut" | "pol
 arArea" | "radar"'.

發布于前

? 最佳回答：

Chart構造函數需要一個有效的配置（類型為ChartConfiguration）。

使用此類型并嘗試滿足條件（TypeScript將知道配置type是一個并集）。

import { ChartConfiguration } from "chart.js";

const config: ChartConfiguration = {
  type: 'line',
  data: datasets,
  options: { }
}

公眾號：1024技術圈

?? 提供互聯網知識和資訊，分享IT前沿技術，熱門資源，大廠面試題 ??

在Typescript中配置ChartJs時輸入錯誤

熱門問答

如何通過curselection（）將進度條綁定到列表框

如何在VSCode中獲得JavaScript函數參數的自動完成？

Html選項和輸入字段顯示不正確

無法使用Gradle導入Kotlin項目中的依賴項

在VB.NET加密示例中檢索單個私鑰

我可以在匯總表中添加總計行，但要添加條件求和嗎？

SQL Server中的存儲過程有哪些限制，比如嵌套層次和復雜度

使用Python進行數據挖掘時，如何實現數據的預處理和清洗

java 如何把 IEEE754 浮點數（32 位，4 字節，單精度），低字節在前，高字節在后轉為10進制這種誰轉過

PHP函數生成干凈的URL - 撇號

css中body使用margin auto居中，打開不同頁面輕微左移

entry節點和node節點

在Typescript中配置ChartJs時輸入錯誤

熱門問答

如何通過curselection（）將進度條綁定到列表框

如何在VSCode中獲得JavaScript函數參數的自動完成？

Html選項和輸入字段顯示不正確

無法使用Gradle導入Kotlin項目中的依賴項

在VB.NET加密示例中檢索單個私鑰

我可以在匯總表中添加總計行，但要添加條件求和嗎？

SQL Server中的存儲過程有哪些限制，比如嵌套層次和復雜度

使用Python進行數據挖掘時，如何實現數據的預處理和清洗

java 如何 把 IEEE754 浮點數（32 位，4 字節，單精度），低字 節在前，高字節在后 轉為10進制 這種誰轉過

PHP函數生成干凈的URL - 撇號

css中body使用margin auto居中，打開不同頁面輕微左移

entry節點和node節點

java 如何把 IEEE754 浮點數（32 位，4 字節，單精度），低字節在前，高字節在后轉為10進制這種誰轉過