Angular 8 응용 프로그램에서 선 차트를 만들기 위해 ng2-charts를 사용하고 있습니다. 그러나 꺾은 선형 차트는 직선이 아닌 곡선으로 표시됩니다. 보시 다시피 다음 링크 https://valor-software.com/ng2-charts/#/LineChart 에서 코드를 가져 오고 있습니다. 선이 직선이 아닙니다. 직선을 만드는 방법?
감사.
다음 bezierCurve: false
과 같은 옵션을 전달하십시오.
<canvas baseChart width="400" height="400"
[datasets]="lineChartData"
[labels]="lineChartLabels"
[options]="{bezierCurve: false}">
</canvas>
또는 최신 버전을 사용하는 경우 lineTension: 0
:
<canvas baseChart width="400" height="400"
[datasets]="lineChartData"
[labels]="lineChartLabels"
[options]="{lineTension: 0}">
</canvas>
또는 특정 데이터 세트에 영향을 미치고 싶은 경우 :
<canvas baseChart width="400" height="400"
[datasets]="{data: data, lineTension: 0}"
[labels]="lineChartLabels"
[options]="lineChartOptions">
</canvas>
OP의 관련없는 질문 :
기본적으로 선 그래프 아래의 영역에 색상이 있음을 background-color:'none';
알았지 만 시도 했지만 작동하지 않았고 그 아래에 회색 색상이 표시되었습니다. 선 아래에 색이없는 방법이 있나요?
<canvas baseChart width="400" height="400"
[datasets]="{data: data, lineTension: 0, fill: false}"
[labels]="lineChartLabels"
[options]="lineChartOptions">
</canvas>
[datasets]="{fill: false}"
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다