在kendo ui如何在界图中绘制垂直线

Question

如何使用HTML5和KENDO UI在线图中绘制垂直线路？任何人都可以帮助我解决这个问题吗？

Answer 1

试试：

// let chart be the id
$("#chart").kendoChart({
     categoryAxis: {
         notes: {
             line: {
                 length: 300
             },
             data: [{
                 value: new Date(2012, 0, 3),
                 label: {
                     text: "-" //text you want to show
                 } 
             }]
         }
     }
 });

.

演示： http://jsbin.com/obuweca/26

/ *没有圆* /

$("#chart").kendoChart({
    categoryAxis: {
        notes: {
            line: {
                length: 300
            },
            icon: {
                border: {
                    width: 0
                }
            },
            // Initial notes
            data: [{
                value: new Date(2012, 0, 3)
            }]
        }
    }
});

.

演示： http://jsbin.com/obuweca/29/

Answer 2

在KENDO文档中是示例在图表上绘制自定义线。水平和垂直。

http：//docs.telerik。com / kendo-ui / controls / charts / how-to / custom-plot-bands

您可以通过编辑笔划自定义行：

 stroke: {
          color: "red",
          width: 1,
          dashType:"dash"
        }

.

Answer 3

您也可以尝试使用列图。

只延长序列：

  series: [{
                type: "line",
                field: "value",
                categoryField: "date"
            },
            {
                type:"column", 
                field: "valueColumn", 
                gap: 300
            }]

.

和具有新字段的DataSource.data，如：ValueColumn。

另请参阅 。