4

그래프를 구현하는 Syncfusion 컨트롤이있는 NET MVC 4.0.syncfusion 세로 막 대형 차트의 x 축에 세로 텍스트 설정

성공적으로 구현되었고 잘 실행되었지만 x 축에 더 많은 데이터가있을 때 텍스트가 서로 겹치므로 세로로 표시하여 제대로 표시합니다.

코드 :

@(Html.EJ().Chart("idofthegraph") 
     .PrimaryXAxis(pr => pr.Title(tl => tl.Text("Technician")).LabelIntersectAction(LabelIntersectAction.Rotate90)) 
     .PrimaryYAxis(pr => pr.Title(tl => tl.Text("Sum (Price)"))) 
     .CommonSeriesOptions(cr => cr.Type(SeriesType.Column).EnableAnimation(true)) 
     .Title(t => t.Text("Jobs by Engineer - Value (Job this Month)")) 
     .Series(sr => 
     { 
      sr.DataSource(Model) 
      .Type(SeriesType.Column) 
      .XName("Name").YName("Value") 
      .Name("Jobs this month") 
      .Add(); 
     }) 
     .Size(sz => sz.Height("600")) 
     .CanResize(true) 
     .Zooming(zn => zn.Enable(true).EnableMouseWheel(true).EnableScrollbar(true)) 
     .Enable3D(true) 
       ) 

결과 :

enter image description here

당신은 또한 텍스트가 서로 겹쳐 x 축을 볼 수 있듯이이 표시 할 수있는 방법이있다 내부 막대 상단에 x 축 데이터가 있습니까?

PrimaryXAxis에서 .LabelIntersectAction (LabelIntersectAction.Rotate90)이라는 메서드를 시도했지만 문제가 발생했습니다.

나는 example을 시도했지만 메서드 PrimaryXAxis를 제외하고는 LabelIntersectAction과 같은 메서드를 찾을 수 없습니다.

세로로 표시 할 수있는 수식이나 방법이 있습니까?

+0

조치를 교차 그것을 수직 – rahul

+0

@rahul 안녕하세요 난 당신의 응답을 주셔서 감사하지만 난 이미 내가 시도했지만 관한 옵션을 찾을 수없는 것을 언급 한 읽어 보시기 바랍니다 교차하고 어디에서 시도했지만 성공적으로 적용되지 않았는지 알았습니다. –

+0

당신은 대문자로 rotate90을 시도해 보셨습니까 – rahul

답변

2

코드에서 .Enable3D (true)를 제거하고 작동하는지 확인하십시오.

3D로 Columnchart에서 LabelIntersectAction이 지원되지 않는다고 생각하기 때문에 제거하려고합니다.

+0

예, 현재 작동 중입니다. 지금은 3D로 표시 할 필요가 없으므로 제거 할 수 있습니다. 감사합니다 0MV1 항상 나에게 도움이됩니다. 정말 감사합니다. –

+0

당신도 환영합니다. 3D에서 작동하지 않는 이유가 궁금 할 지 모르겠지만 앞으로 출시 될이 기능을 추가 할 것입니다. ;) –

+0

그들이 추가되기를 바랍니다. –

1

우리는 2D 차트에만 레이블 교차 동작 지원을 제공했습니다. 이제는 3D 차트의 축 레이블 교차를 처리 할 수 ​​없습니다. 또한 기능 요청 목록에 이미이 요구 사항을 추가했으며 곧 출시 될 Essential Studio 릴리스에서이 요구 사항을 사용할 수 있습니다. 그것이하게 회전 90을 유지하면서 라벨이 있습니다

감사합니다, 다라니

관련 문제