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

Question

我正在使用 Kendo UI 图表 Angular 2，图表类型设置为 "Line"。这是来自 telerik 文档的 plunker 示例。问题是：如何在没有数据点的情况下制作平滑线"dots"?

<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"，像这样：

<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 图表隐藏数据点的点（在线模式下）

kendo ui angular2 charts hide dots for data points (in line mode)

kendo-ui

kendo-chart

angular