2017-04-03 2 views
0

사람들, 어떻게 꺾은 선형 차트에서 불투명도를 변경할 수 있습니까 ?? 내 차트를 봐 :Angular- Chart.js, 꺾은 선형 차트의 불투명도는 어떻게됩니까?

enter image description here

빨강, 회색, 파란색 배경. 100 % 보이지 않게해야합니다. JS의

<canvas id="line" class="chart chart-line" chart-data="data2"       chart-labels="labels2" chart-series="series2" chart-options="options2" 
chart-dataset-override="datasetOverride2" chart-click="onClick" chart-colours="colours"> 
</canvas> 

그리고 조각 :

여기 내 코드입니다

$scope.rysujWykres2 = function (daneX, daneY, daneZ, daneA) { //metoda rysująca wykres 
     $scope.labels2 = daneX; 
     $scope.series2 = ['Ur', 'Ul', 'Uz']; 
     $scope.data2 = [ 
      daneY, 
      daneZ, 
      daneA 
     ]; 
     $scope.datasetOverride2 = [{ yAxisID: 'y-axis-1' }]; 
     $scope.options2 = { 
      scales: { 
       yAxes: [ 
        { 
        id: 'y-axis-1', 
        type: 'linear', 
        display: true, 
        position: 'left' 
       } 
        ] 
      }, 
      elements: { 
       point: { 
        radius: 1 
       } 
      }, 
      colours: [{ 
       fillColor: 'rgba(47, 132, 71, 0.8)', 
       strokeColor: 'rgba(47, 132, 71, 0.8)', 
       highlightFill: 'rgba(47, 132, 71, 0.8)', 
       highlightStroke: 'rgba(47, 132, 71, 0.8)' 
     }] 
    }; 
} 

하지만 작품을 나던. 이 색깔에서 나를 도울 수 있습니까? 나는 라인 만 있으면 돼.

+0

html에는 색상 대신 options2.colours가 있어야합니까? – Mickers

+0

죄송합니다. 맞습니다.하지만 $ scope.colours = ...와 같은 다른 옵션을 시도했습니다.하지만 ... doesnt work – Giacomo

+0

함수에 모든 값을 저장하는 것을 볼 수 있습니다. 함수를 제거하고 페이지가로드 될 때 컨트롤러에서 $ scope를 설정하는 것이 좋습니다. – Mickers

답변

1

줄 아래 채우기를보고 싶지 않다면 속성을 false (이 부분은 line chart dataset configuration입니다)으로 설정하십시오. 각도 차트에서이 작업을 수행하는 방법을 정확히 알 수는 없지만 사용자의 datasetOverride2 개체에 추가 할 수있는 것 같습니다.

$scope.datasetOverride2 = [{fill: false}, {fill: false}, {fill: false}]; 

이것이 작동하지 않으면 각 데이터 집합을 정의 할 때마다 속성을 사용해야합니다.

0

내 친구,

$scope.datasetOverride2 = [{ 
    yAxisID: 'y-axis-1', 
    fill: false, 
}]; 

작업 만 청색 날짜, 봐 :

enter image description here

0

아, 그 너무 쉽게합니다. 봐 :

enter image description here

솔루션 : 도움을

$scope.datasetOverride2 = [{fill: false},{fill: false},{fill: false}]; 

고마워. 우리는 해냈다!

관련 문제