Angular Chart에서 도넛 형 차트의 데이터 항목에 특정 색상을 할당하는 방법은 무엇입니까?

Yulian

내가 사용하고 각도 차트 와 나는이 도넛 차트를 . 데이터에 특정 색상을 지정하고 싶습니다.

예를 들면 :

$scope.labels = ["Oranges", "Bananas", "Avocados"];
$scope.data = [300, 500, 100];
$scope.colors = [
    "#ff9900", // oranges are orange :)
    "ffff00",  // bananas are yellow 
    "1E824C"]; // avocados are green

이제 전체 색상 만 변경할 수 있지만 이것이 오렌지색, 바나나 노란색 및 아보카도 녹색이 될 것이라는 보장은 없습니다. 또한 동일한 시리즈가 사용되고 동일한 색상이어야하는 도넛 차트가 두 개 이상 있습니다. 예를 들어 바나나는 항상 노란색입니다.

이것을 어떻게 달성 할 수 있습니까?

jGupta

시도해 보셨습니까?

<canvas id="doughnut" class="chart chart-doughnut"
  chart-data="data" chart-labels="labels" chart-colours="colors">
</canvas> 

#색상 코드 도 누락되었습니다 .

따라서 이것은 다음과 같아야합니다.

$scope.colors = [
    "#1E824C", // oranges are orange :)
    "#1E824C",  // bananas are yellow 
    "#1E824C"];

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관