파이 차트 색상이 변경되지 않습니다.

Question

캔버스를 사용하여 파이 차트를 만듭니다. 나는 사용자 정의 코드에서 xml 파일의 서버로부터 응답을 얻고 차트 값을 채우기 위해이 코드를 사용하고있다. 내 문제는 다른 레이블의 경우에도 전체 원형 차트에서 색상이 동일하게 유지된다는 것을 의미하는 차트의 색을 변경할 수 없다는 것입니다.

색상 값이 변경되는 곳에서도 디버거를 사용했지만 여전히 해결할 수 없습니다.

color: scopes.chart_color_value[i] 

색 값을 저장하는 다른 구성 파일을 사용하고 있습니다.

여기 내 사용자 지정 코드

$scope.loadChartValue = function (data, scopes) { 
    scopes.data_id = []; 
    scopes.legend_text = ""; 
    scopes.inner_chart_data = []; 

    for (var i = 0; i <= data.length; i++) { 
     var arrayvalue = data[0].data[i]._attr 
     if (existsInArray(scopes.data_id, arrayvalue.label._value) == false) { 
      scopes.data_id.push(arrayvalue.label._value); 
     } 
    } 
     scopes.inner_chart_data = []; 
     var i=1; 
     for (var j = 0; j < data[0].data.length; j++) { 
      scopes.inner_chart_data.push({ label: data[0].data[j]._attr.label._value, y: data[0].data[j]._attr.value._value }); 

     scopes.dataset.push(
        { 
         type: "pie", 

         markerType: "circle", 
         markerSize: scopes.markersize, 
         color: scopes.chart_color_value[i], 
         showInLegend: false, 
         name: scopes.legend_text, 
         dataPoints: scopes.inner_chart_data 
        } 
      ); 
      i++; 
     } 

} 

Answer 1

그것은 당신이 데이터 시리즈 대신 2 개 데이터 포인트 1 데이터 시리즈를 만드는 것입니다. 색상이 데이터 시리즈 수준으로 설정되면 전체 원형이 단일 색상이되므로 데이터 포인트 수준에서 변경하십시오.

다음 코드는 정상적으로 작동합니다.

for (var j = 0; j < data[0].data.length; j++) { 
    scopes.inner_chart_data.push({ label: data[0].data[j]._attr.label._value, y: data[0].data[j]._attr.value._value, color: scopes.chart_color_value[i], }); 
    i++; 
} 
scopes.dataset.push(
    { 
     type: "pie", 
     markerType: "circle", 
     markerSize: scopes.markersize,      
     showInLegend: false, 
     name: scopes.legend_text, 
     dataPoints: scopes.inner_chart_data 
    } 
);