无数据显示到ngx-charts-bar-stacked stacked

Question

我有来自解析器的web服务的数据(nb信息，警告)，我试图将其显示在条形图中，但什么也没有显示，我认为结果结构中的问题[]，我被阻塞了2天，我还没有找到解决方案。

这是我的component.ts

​

        this.nbWarning = this.route.snapshot.data.analyse.nbWarning.length;
        this.nbInfo = this.route.snapshot.data.analyse.nbInfo.length;

        this.widget = {
            xAxis: true,
            yAxis: true,
            gradient: false,
            legend: false,
            showXAxisLabel: true,
            xAxisLabel: 'Type',
            showYAxisLabel: true,
            yAxisLabel: 'Nombre',
            scheme: {domain: ['#f77509', '#fda76e', '#c7b42c', '#AAAAAA']},
            result: [],

            onSelect: (ev) => {
                console.log(ev);
            }
        };

        this.widget.result.push( this.nbInfo, this.nbWarning);

​

这是我的componenet.html

​

    <div fxLayout="row wrap" fxLayoutAlign="start start">

        <div class="h-420 my-16" fxLayout="row" fxFlex="100">
            <ngx-charts-bar-vertical-stacked
                *fuseIfOnDom
                [scheme]="widget.scheme"
                [results]="widget.result[0]"
                [gradient]="widget.gradient"
                [xAxis]="widget.xAxis"
                [yAxis]="widget.yAxis"
                [legend]="widget.legend"
                [showXAxisLabel]="widget.showXAxisLabel"
                [showYAxisLabel]="widget.showYAxisLabel"
                [xAxisLabel]="widget.xAxisLabel"
                [yAxisLabel]="widget.yAxisLabel"
                (select)="widget.onSelect($event)">
            </ngx-charts-bar-vertical-stacked>
        </div>
    </div>

​

Answer 1

您的结果格式应为

export interface singleBarDataResult= [{ name: string; value: number}];