Javascript 如何在剑道图2上添加绘图带

Javascript 如何在剑道图2上添加绘图带,javascript,angular,kendo-ui,Javascript,Angular,Kendo Ui,在开发一个应用程序时,我偶然发现了一个问题,在这个应用程序中,我想在剑道图上将平均值显示为一条直线。我已经搜索过了,没有找到任何例子。有什么想法吗?经过大量挖掘,我们找到了答案。下面是如何在遇到相同问题时执行此操作: 在HTML文件中: <kendo-stockchart [seriesColors]="['silver','cyan']"> <kendo-chart-value-axis> <kendo-chart-value-axis

在开发一个应用程序时,我偶然发现了一个问题,在这个应用程序中,我想在剑道图上将平均值显示为一条直线。我已经搜索过了,没有找到任何例子。有什么想法吗?

经过大量挖掘,我们找到了答案。下面是如何在遇到相同问题时执行此操作:

在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>
这应该显示这样一条线:

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