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
                 } 
             }]
         }
     }
 });

.

demo : 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)
            }]
        }
    }
});

.

demo : http://jsbin.com/obuweca/29/

Answer 2

kendo 문서는 예제입니다. 어떻게 차트에 맞춤 행을 그립니다.수평 및 수직.

http : //docs.telerik.COM / KENDO-UI / 컨트롤 / 차트 / 연마 / 맞춤형 플롯 밴드

획을 편집하여 행을 사용자 정의 할 수 있습니다.

 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.

예제 .