无法在 Kendo Chart 中的字符串“true”上创建属性“mirror”

Question

我在我的项目中使用剑道图。 这是我的剑道图表 html 文件。

<kendo-chart>
   <kendo-chart-tooltip [shared]="true"></kendo-chart-tooltip>
   <kendo-chart-legend position="bottom"></kendo-chart-legend>
   <kendo-chart-category-axis>
   <kendo-chart-category-axis-item labels="true" [line]="{visible:true}" mirror="true"
                    [categories]="categories">
   </kendo-chart-category-axis-item>
   </kendo-chart-category-axis>
           
   <kendo-chart-area background="#00000000"></kendo-chart-area>
          <kendo-chart-series>
                <kendo-chart-series-item *ngFor="let item of kapanAnaItem.planProdSeries" [data]="item.data" type="bar"
                    [name]="item.name" [color]="item.color">
                </kendo-chart-series-item>
            </kendo-chart-series>
        </kendo-chart>

下图是我来自服务器的数据。

但是当这个数据被绑定时，它会给我以下错误。

我做了很多研究，但没有什么可以帮助我解决这个问题。

任何帮助将不胜感激...

Answer 1

在下一行中，语法

labels="true"

实际上将字符串

"true"

传递到输入

labels

。

<kendo-chart-category-axis-item labels="true" [line]="{visible:true}" mirror="true"

要传递布尔值

true

，您需要使用以下语法：

[labels]="true"

。

无论如何，

labels

输入不应接收布尔值，它应该接收类型为

CategoryAxisLabels

的对象，其中包含一个名为

mirror

的属性。

所以问题在于，您将字符串“true”传递到需要对象的输入中，当组件尝试访问该对象的

mirror

成员时，您会收到错误

"Cannot create property 'mirror' on string 'true'"

。

您可以在

官方文档

中查看CategoryAxisLabels类型成员的完整列表。

顺便说一下，

CategoryAxisItemComponent

没有名为

mirror

的输入。正如我之前指出的，它是

CategoryAxisLabels

对象的成员，因此您可以将其从

kendo-chart-category-axis-item

中删除。