Линейный график, когда я нажимаю на любую конкретную точку, у меня есть данные, но проблема в том, что я хочу показать, что конкретная точка активна, а когда я нажимаю на любую другую точку, первая точка хочет показать неактивную, а вторая точка — активную.

Линейная диаграмма: введите описание изображения здесь

вот мой код линейного графика.

chartClicked(e) { var activePoints = this.Linechart.getElementsAtEventForMode( e, "point", this.Linechart.options ); var firstPoint = activePoints[0]; var label = this.Linechart.data.labels[firstPoint._index]; var value = this.Linechart.data.datasets[firstPoint._datasetIndex].data[ firstPoint._index ]; let existingPoints = this.Linechart.data.labels; var elementIndex = activePoints[0]._index; this.abcd = []; existingPoints.forEach(element ={amp}gt; { console.log(this.abcd); if (element === label) { this.addPointConlor = this.Linechart.data.datasets[0].pointBackgroundColor[ elementIndex ] = "red"; } else { this.addPointConlor = this.Linechart.data.datasets[0].pointBackgroundColor[ elementIndex ] = "blue"; } }); 

и вот мой код линейного графика.

 lineCart() { const abc = []; this.Linechart = new Chart("canvasGraph", { type: "line", // label : "sagar ", data: { // labels: this.Xdata, labels: ["1-10-2019","2-10-2019","3-10-2019","4-10-2019","5-10-2019","6-10-2019","7-10-2019"], datasets: [ { data: [100,150,500,200,111,530,160], // data: this.Ydata, borderColor: "#ed1c24", backgroundColor: "transparent", radius: 5, label: "Request Chart", pointBackgroundColor: this.abcd // fill : 'red', // pointHoverBackgroundColor : 'red', } ] }, options: { onClick: this.chartClicked.bind(this), elements: { line: { tension: 0 } }, legend: { display: true }, scales: { xAxes: [ { display: true } ], yAxes: [ // { // display: true // } { stacked: true } ] } } }); // }); } 
SB

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,