Question

我正在使用带有Angular 2的Kendo UI Chart，图表类型设置为＆＃34; Line＆＃34;。这是来自telerik文档的示例plunker。问题是：如何在没有数据点和＃34;点＆＃34;？

的情况下制作平滑线

<kendo-chart [categoryAxis]="{ categories: categories }"> <kendo-chart-title text="Gross domestic product growth /GDP annual %/"></kendo-chart-title> <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend> <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip> <kendo-chart-series> <kendo-chart-series-item *ngFor="let item of series" type="line" style="smooth" [data]="item.data" [name]="item.name"> </kendo-chart-series-item> </kendo-chart-series> </kendo-chart>

Answer 1

您需要将markers="visible: false"添加到sries配置中，如下所示：

<kendo-chart [categoryAxis]="{ categories: categories }">
    <kendo-chart-title text="Gross domestic product growth /GDP annual %/"></kendo-chart-title>
    <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>
    <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
    <kendo-chart-series>
        <kendo-chart-series-item *ngFor="let item of series" markers="visible: false"
                    type="line" style="smooth" [data]="item.data" [name]="item.name">
        </kendo-chart-series-item>
    </kendo-chart-series>
</kendo-chart>

kendo ui angular2 chart隐藏数据点的点（在线模式下）

1 个答案: