如何在 Kendo Charts Angular 2 上添加绘图带答案

【问题标题】：How to add plot bands on Kendo Charts Angular 2如何在 Kendo Charts Angular 2 上添加绘图带
【发布时间】：2017-08-10 22:20:03
【问题描述】：

我在开发应用程序时偶然发现了一个问题，我想在其中将平均值显示为剑道图表上的一条线。我已经搜索并找不到任何示例。有什么想法吗？

【问题讨论】：

标签： javascript angular kendo-ui

【解决方案1】：

因此，经过大量挖掘，我们找到了答案。如果您遇到同样的问题，请按以下步骤操作：

在您的 HTML 文件中：

<kendo-stockchart [seriesColors]="['silver','cyan']">

 <kendo-chart-value-axis>
            <kendo-chart-value-axis-item [line]="{visible:true}" [plotBands]="plotBand1">
            <kendo-chart-value-axis-item-labels format='s'>
            </kendo-chart-value-axis-item-labels>

          </kendo-chart-value-axis-item>
      </kendo-chart-value-axis>

              <kendo-chart-series>
                <kendo-chart-series-item type="column" [data]="series" field="High" categoryField="Date">
                </kendo-chart-series-item>
             </kendo-chart-series>
</kendo-stockchart>

在您的 .ts 文件中，将 plotBandValues 定义为：

public plotBand1 = [{
"color": "darkorange",
"from": 29,
"opacity": 0.5,
"to": 29.5
}]

这应该显示这样的一行：

【讨论】：