kendo ui angular2 图表隐藏数据点的点（在行模式下）答案

【问题标题】：kendo ui angular2 charts hide dots for data points (in line mode)kendo ui angular2 图表隐藏数据点的点（在行模式下）
【发布时间】：2017-04-20 12:42:55
【问题描述】：

我正在使用带有 Angular 2 的 Kendo UI 图表，图表类型设置为“线”。这是一个plunker，带有来自 Telerik 文档的示例。问题是：如何制作一条没有数据点“点”的平滑线？

<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>

【问题讨论】：

标签： angular kendo-ui kendo-chart

【解决方案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>

【讨论】：