angular - 如何将 Highcharts 渲染为以 id 作为容器的 div - Angular？

Question

我尝试编写以下代码。网页:

<div id="container"></div>

Ts 组件:

var chart = Highcharts.chart('container', {
 
    chart: {
 
       type: 'bar',
        marginLeft: 100,
         plotAreaWidth: 50,
          plotAreaHeight: 450,
    },
 
    title: {
        text: 'Bar series - data sorting'
    },
 
    yAxis: {
        title: {
            text: ''
        }
    },
 
    xAxis: {
        type: 'category',
        min: 0,
        labels: {
            animate: false
        }
    },
 
    legend: {
        enabled: false
    },
 
    series: [{
        zoneAxis: 'x',
        zones: [{
            value: 2,
            color: 'red'
        }],
        dataLabels: {
            enabled: true,
            format: '{y:,.2f}'
        },
        dataSorting: {
            enabled: true,
            sortKey: 'y'
        },
        data: [["hello",1],["hello",1],["hello",1],["hello",1],]
    }]
 
});

我收到以下错误:

error TS2769: No overload matches this call.
      Overload 1 of 2, '(options: Options, callback?: ChartCallbackFunction): Chart', gave the following error.
        Type '"container"' has no properties in common with type 'Options'.
    
    426   var chart = Highcharts.chart('container', {

即使我收到错误，我也可以看到容器中呈现的图表。谁能建议我如何解决这个错误，我正在使用 Visual Studio 作为 IDE。

提前致谢!!!

Answer 1

在 var Chart = Highcharts.chart('container', { ..... }

之前使用 //@ts-ignore

如下所示:

// @ts-ignore
var chart = Highcharts.chart('container', {
.....
.....
}