如何在Kendo图表上添加绘图条纹Angular 2

Question

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

Answer 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 
}] 

和这应该显示这样一行：