차트에서 몇 가지 포인트를 숨기고 싶습니다. 나는 그것이 시작되거나 끝나는 몇 가지 요점을 보여주고 싶습니다. 사진을 확인 해주세요. 사진 속의 P1처럼하고 싶어요 어떻게 숨길 수 있나요? 예
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: label,
datasets: [{
steppedLine: true,
label: info.process[i].name,
data: info.process[i].chart,
backgroundColor: [
'rgba(255, 255, 255, 0.5)'
],
borderColor: [
'rgba(255, 255, 255, 1)'
],
borderWidth: 1,
pointBackgroundColor: 'yellow',
pointBorderColor: 'black',
pointRadius: '4',
pointHoverRadius: '6'
}]
},
options: {
maintainAspectRatio: false,
scales: {
yAxes: [{
gridLines: {
color: 'rgba(0, 0, 0, 0.5)',
},
ticks: {
beginAtZero: true,
stepSize: 1,
fontColor: 'rgba(255, 255, 255, 1)'
}
}],
xAxes: [{
gridLines: {
color: 'rgba(0, 0, 0, 0.5)',
},
ticks: {
fontColor: 'white'
}
}]
}
}
});
데이터 세트에서 다음 정의를 바꿉니다 ...
pointRadius: '4',
... 다음 코드로 :
pointRadius: info.process[i].chart.map((v, index) => {
if (index == 0 || v != info.process[i].chart[index - 1]) {
return 4;
}
return 0;
}),
또한 마우스 오버시 누락 된 지점을보고 싶지 않은 경우 pointHoverRadius: '6'
.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다