Question

我正在尝试使用Angular Charts生成一些饼图，但是当我构建应用程序时，我不断收到错误：

错误：属性高度：预期长度，＆＃34; NaN＆＃34;

错误：属性转换：尾随垃圾，＆＃34;翻译（60，NaN）＆＃34;

我已经尝试了一切，但它没有奏效这是我的js代码：

if 'No':

我的HTML代码：

 this.authService.getSurveyData().then(slist => {
            // STANDARD:
            this.defaultSurveys = [
            {
                title: "Consent Form",
                accepted: slist.data.consent.accepted,
                declined: slist.data.consent.declined,

                chartData: {
                    series: ["Consent Form"],
                    data: [
                        {
                            x: "Accepted",
                            y: [slist.data.consent.accepted]
                        },
                        {
                            x: "Declined",
                            y: [slist.data.consent.declined]
                        }
                    ]
                },
                g_chartData: {
                series: ["Consent Form"],
                    data: [
                        {
                            x: "Accepted",
                            y: [slist.data.consent.accepted]
                        },
                        {
                            x: "Declined",
                            y: [slist.data.consent.declined]
                        }
                    ]
                }
            },
            {
                title: "Demographics",
                accepted: slist.data.demographics.accepted,
                declined: slist.data.demographics.declined,

                chartData: {
                    series: ["Demographics"],
                    data: [
                        {
                            x: "Accepted",
                            y: [slist.data.demographics.accepted]
                        },
                        {
                            x: "Declined",
                            y: [slist.data.demographics.declined]
                        }
                    ]
                },
                g_chartData: {
                    series: ["Consent Form"],
                    data: [
                        {
                            x: "Accepted",
                            y: [slist.data.consent.accepted]
                        },
                        {
                            x: "Declined",
                            y: [slist.data.consent.declined]
                        }
                    ]
                }
            }];

        }, error => {
            this.errorMessage = error.message;
        });

        this.config = {
            "labels": false,
            "colors": ["#00bab3", "#3e5f6d"],
            "legend": {
                "display": false,
                "position": "right"
            },
            "innerRadius": 0,
            "lineLegend": "lineEnd",
    };

当我构建我的应用程序时，它会生成一个＆＃34; svg＆＃34;元素（如预期的那样），但没有任何高度......

为了正确生成svg元素，我可以设置宽度/高度值吗？

See generated SVG (with wrong height value)

Answer 1

通过查看代码和错误行为，我猜选择图表存在问题

 <div ac-chart="'pie'" ac-data="survey.chartData" ac-config="vm.config" class="cake"  height="120" width="120"></div>

ac-chart =＆＃34;＆＃39;馅饼＆＃39;＆＃34; 导致问题

所以你可以试试用馅饼代替馅饼＆＃39;

错误：<svg>属性高度：预期长度，＆＃34; NaN＆＃34;

1 个答案: