c3js (c3.js)의 라벨 색상 변경

나는 아주 간단한 c3js 파이 차트를 가지고 있지만 흰색 라벨은 원형의 노란색 슬라이스 (그 색상으로되어 있음)에서 손실됩니다. 해당 레이블의 색상을 변경할 수있는 방법이 있습니까? 또는 모든 라벨의 색상을 변경하는 방법이 있습니까?c3js (c3.js)의 라벨 색상 변경

 var chart = c3.generate({ 
    data: { 
     columns: [ 
     ['PC', 25077394], 
     ["Tablet", 3240595], 
     ["Mobile", 6427981], 
     ], 
     type : 'pie' 
    }, 
    legend: { 
    position: 'bottom' 

}, 
    axis: { 
     x: { 
     label: 'Sepal.Width' 
     }, 
     y: { 
     label: 'Petal.Width' 
     } 
    }, 
    }); 

    setTimeout(function() { 
    chart.data.colors({PC: '#2C9AB7',Tablet: '#FEBE12', Mobile: '#DB3A1B'}); 
    }, 1000);

출처

2014-09-16 neelshiv

css로 할 수 있습니다.

.c3-target-Tablet text { 
    fill: black; 
}

가 (이 같은 일을 할 수있는 검은 색으로 모두 칠 당신이 그것을 적용하지 않으려는 경우 정제 고려 :

은 당신이 다음 클래스를 선언 할 수있는 노란색 하나를 변경하려면 모든 차트!) :

출처

2014-11-07 23:15:04

고마워요! 이것은 매력처럼 작동했습니다. 규칙을 이전에 적용 할 클래스가 무엇인지 알지 못했습니다. – neelshiv

c3js (c3.js)의 라벨 색상 변경

답변

관련 문제