2014-02-25 3 views
2

enter image description here Html5 및 검도 UI를 사용하여 꺾은 선형 차트로 세로선을 그리는 방법은 무엇입니까? 아무도이 문제를 해결하기 위해 나를 도울 수 있습니까?검도 있음 꺾은 선형 차트에서 세로 선을 그리는 방법

+0

수직 또는 수평 라인 :

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

당신은 편집 스트로크로 라인을 사용자 정의 할 수 있습니다? 제 생각에는'검도 '에 수평선을 정의하는 방법이 있습니다. –

+0

세로선 만 해당. 나는 검도 ui에 초보자이므로 간략하게 설명 할 수 있습니까? – arun

+0

필자는 차트의 중간에서'켄드 웨이 '에 수직선을 그릴 수는 없지만 가로줄은'플롯 밴드'로 그릴 수 있다고 생각합니다. 예를 들어 왜 수직선이 필요한지 말할 수 있습니까? –

답변

2

이 시도 :

// 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

/* CIRCLE없이 */

$("#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/

+0

당신이 언급 한대로 작동합니다. 감사합니다. :) 그러나 세로선 위에 원이 배치되었습니다. 우리가 입력 한 텍스트가 표시됩니다. 그러나 나는 대신에 수직선이 나를 위해 충분하다는 것을 표시하기를 원하지 않는다 ??? 그걸 도와 줄 수있어? – arun

+0

@arun : 수정 된 코드를 확인하십시오. 문제가 해결되면 상향 투표를 할 수 있습니다. –

+0

@ Mohit Pandey, 답장을 보내 주셔서 감사합니다. :) 그리고 뜻밖에도 다른 솔루션도 너무 효과가있는 라벨에 대해 false로 표시되는 다른 솔루션을 발견했습니다. 그리고 당신의 대답은 또한 일했습니다 :) – arun

0

당신은 또한을 사용하려고 할 수 있습니다 세로 막 대형 차트.

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

과 새로운 분야 등으로 dataSource.data : valueColumn

그냥 시리즈를 확장 할 수 있습니다.

Example도 참조하십시오.

1

검도 문서는 차트에 맞춤 선을 그리는 방법의 예입니다. 수평 및 수직.

stroke: { 
      color: "red", 
      width: 1, 
      dashType:"dash" 
     } 
관련 문제