正如您在标题中看到的那样,我收到了一个错误:类型‘ChartComponent’中缺少属性‘type’,但类型‘ApexChart’中需要属性‘type’.当我try 其他任何操作时,我收到以下错误:
类型‘{type:string;}’不可赋值给类型‘ApexChart’.类型 属性‘type’的不兼容.类型‘字符串’是不可赋值的 若要键入‘ChartType’.
我的html代码:
<apx-chart[series]="series" [chart]="chart" [title]="title"></apx-chart>
在html中也是这样try 的:
<apx-chart
[series]="chartOptions.series!"
[chart]="chartOptions.chart!"
[xaxis]="chartOptions.xaxis!"
></apx-chart>
Ts中的代码:
import { Component, OnInit, ViewChild } from '@angular/core';
import {
ChartComponent,
ApexAxisChartSeries,
ApexChart,
ApexXAxis,
ApexTitleSubtitle
} from "ng-apexcharts";
export type ChartOptions = {
series: ApexAxisChartSeries;
chart: ApexChart;
xaxis: ApexXAxis;
title: ApexTitleSubtitle;
};
export class InsightsComponent implements OnInit {
series: any;
title: any;
@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: "line",
width:500,
},
title: {
text: "Frakture"
},
xaxis: {
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep"]
}
};
}
我try 将图表添加为任意或未定义.此外,我还try 将其添加为接口:
export interface ChartOptions {
chart: any;
}