我无法在ngx-datatable行内呈现图表

 收藏

我想要ngx-datatable中的图表。我正在使用其他组件来绘制图表并在ngx-datatable中调用该组件,但无法正常工作。该组件已初始化,因为我可以看到ngOninit中放置了控制台日志。

我曾尝试放置其他组件以测试是否可以在ngx-datatable行中调用组件。它的工作正常。但不是图表。

在这里我正在调用app-donut-chart组件

<ng-template let-value="value" let-row="row" ngx-datatable-cell-template>
    <app-donut-chart></app-donut-chart>
       </ng-template>
</ngx-datatable-column>

并且在app-donut-chart中,我在html下方

<div>
    <div #chartElement style="width: 100%;  height: 300px; margin: 0 auto"></div>

    <div>this is some text here</div>
</div>

在这里我可以看到这是ngx-datatable中的一些文本,而不是图表

在donut-chart.component.ts中,我正在绘制图表

注意:如果我在ngx数据表外部调用它,但此应用程序却无法在其中运行,则该应用程序可以正常工作

回复