2013-03-28 3 views
3

현재 검도 차트에는 두 단계 프로세스가 있습니다. 첫 번째 프로세스에서는 사용자가 차트에서 원하는 데이터 집합 (시리즈)을 선택할 수 있습니다. 그런 다음 템플릿을 선택합니다. 템플릿은 ex (색상 테마, 차트 유형 선, 막대, 원 모양 등)의 그래프 설정입니다.검도 차트 동적 시리즈

현재 사용자가 원하는 데이터 집합을 선택하면 계열 정보가 그래프로 반환되고 그래프에 템플릿 설정이 채워집니다.

나는 또한 사용자가 즉시 템플릿 설정을 변경할 수 있습니다. 예를 들어 Line, Area, Circle 등의 막대 차트. 그들은 또한 주제를 바꿀 수 있습니다. 제 하중이 설정 될 때 문제가된다 제가 통과 직렬 정보는 다음

{ 
    [name: "string", data: []], 
    [name: "string", data: []] 
} 

본인은 개체에 추가 다음을 참조 템플릿을 변경 후의 일련의 오브젝트를 조사했을 때

{ 
    [name: "string", 
    data: [], 
    type: "area", 
    color: "ff6800", 
    ect... 
    ], 
    [name: "string", 
    data: [], 
    type: "area", 
    color: "ff6800", 
    ect... 
    ], 
} 

개체 유형을 올바른 형식으로 수정할 수 있다는 문제가 발생합니다. 각 시리즈의 색상 값을 다른 색상으로 변경할 수도 있습니다. 그러나 검도 테마를 사용하기 때문에 차트 배경이 변경되지만 시리즈 색상은 일치하지 않습니다. 차트의 배경색을 선택하고 시리즈에 대해 원하는 색상을 선택할 수있는 함수를 제안 할 수 있습니다. 그러나 가능한 경우 검도 방법을 사용하고 싶습니다.

개체를 지우고 설정 및 데이터를 사용하면 전달할 수 있다고 생각합니다. 그러나 페이지 수준 변경이있을 때마다 데이터베이스로 가야하고 싶지 않으며 temp 개체를 만들더라도 내 개체에 모든 차트 속성이 제공된다는 사실을 알았습니다.

미리 감사드립니다.

답변

4

나는 Kendo 포럼에서이 질문을했고 다음 답을 얻었습니다.

차트 옵션을 전달하기 전에 전체 복사본을 보관해야합니다. 이렇게하면 원래 옵션 만 사용하여 차트를 다시 만들 수 있습니다. 당신이 예를 보면 페이지에 다른 이벤트가 발생할 때 다음 차트를 수정할 수 있기 때문에

var options = { ... }; 

$("#chart").kendoChart(
    // No side effects on options 
    $.extend(true, {}, options) 
); 

이 이런 식으로 할 의미가 있습니다. 예를 들어 테마 나 차트 유형을 변경하려고 할 때. 여기

options.seriesDefaults = { type = "bar" }; 

가 Tsvetomir에서 제공하는 예에 대한 링크입니다 : 난 그냥 수정할 수 있습니다 http://www.kendoui.com/forums/dataviz/chart/kendo-chart-dynamic-series.aspx

: 여기 http://jsbin.com/ulohof/1/edit

검도 포럼에서 질문에 대한 링크입니다