我正在关注这篇文章以使用角度图表。即使逐步遵循它,我仍然收到此错误。有人可以向我解释错误是什么以及它为什么会发生吗?
我的 app.component.ts:
import { Component } from '@angular/core';
import {
ChartComponent,
ApexAxisChartSeries,
ApexChart,
ApexXAxis,
ApexTitleSubtitle
} from "ng-apexcharts";
export type ChartOptions = {
series: ApexAxisChartSeries;
chart: ApexChart;
xaxis: ApexXAxis;
title: ApexTitleSubtitle;
};
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
// @ViewChild("chart") chart: ChartComponent;
public chartOptions: Partial<ChartOptions>;
constructor() {
this.chartOptions = {
series: [
{
name: "My-series",
data: [10, 41, 35, 51, 49, 62, 69, 91, 148]
}
],
chart: {
height: 350,
type: "bar"
},
title: {
text: "My First Angular Chart"
},
xaxis: {
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep"]
}
};
}
}
该错误表示您提供的类型与预期的类型不对应。[title] 期望类型ApexTitleSubtitle
,并且您的变量是类型ApexTitleSubtitle | undefined
我想你会问有什么区别。我认为,这是由于Partial<>
. 当您定义 Partial 时,您说 T 类型的每个字段都可以是可选的,因此每个字段都可以有一个值或为undefined
。库组件想要作为输入 aChartOptions
而不是 a Partial<ChartOptions>
。
如果您希望它有效,只需删除部分并设置所需的属性
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句