score:4
Accepted answer
You can calculate it using the scale property. Here is something that draws a blue circle at those points after the animation completes.
onAnimationComplete: function () {
for (var i = 0; i < this.scale.valuesCount; i++) {
// get the poitn position
var pointLabelPosition = this.scale.getPointPosition(i, this.scale.calculateCenterOffset(this.scale.max) + 5);
// draw a circle at that point
this.chart.ctx.beginPath();
this.chart.ctx.arc(pointLabelPosition.x, pointLabelPosition.y, 5, 0, 2 * Math.PI, false);
this.chart.ctx.fillStyle = '#77e';
this.chart.ctx.fill();
this.chart.ctx.stroke();
}
}
Fiddle - http://jsfiddle.net/1jgmbyb7/
Source: stackoverflow.com
Related Query
- Change labels colors for radar chart js
- Chart.js Radar Chart How to Remove Outer Labels
- Remove radar chart labels in chart.js
- Chartjs 3.5.0 - Radar Chart - Converting the labels to images
- Chart.js Radar Labels Coordinates
- How to disable Chart.js Radar Chart point labels
- Chartjs - Add backgroundColor for labels radar chart
- chart.js: How do I make the radar chart axis labels bigger?
- ChartJS/High Charts Radar chart - Different radial axis labels for each category that appear on hover
- How to hide radar chart index labels (chart.js)
- Chart.js, PHP and radar chart labels
- How to set data values as labels in Chart.js with a Radar Chart
- Limit labels number on Chart.js line chart
- Chart.js Show labels on Pie chart
- ChartJS New Lines '\n' in X axis Labels or Displaying More Information Around Chart or Tooltip with ChartJS V2
- chart.js: Show labels outside pie chart
- Chart.js how to show cursor pointer for labels & legends in line chart
- Chart JS data labels getting cut
- How to display Line Chart dataset point labels with Chart.js?
- Is it possible to produce circular (round) shaped radar chart in Chart.js?
- Making the labels responsive in chart js
- Chartjs radar indexed labels
- Chart.js - Draw bar chart with multiple labels
- Chart JS grouped sub labels
- Display a limited number of labels only on X-Axis of Line Chart using Chart.js
- Changing x axis labels in Chart.js line chart
- How to display data labels outside in pie chart with lines in ionic
- Line chart with large number of labels on X axis
- Center point labels between ticks (Polar Area Chart JS)
- How to align Chart.JS line chart labels to the center
More Query from same tag
- Annotation plugin not working with Chart.js 2.8.0
- Chart.JS multiple plugins do not operate
- Chart.js creating multiple Charts in Angular in same Component
- Datalabels not showing on Chart.js
- Uncaught ReferenceError: Chart is not defined
- Chart.js 2.0 - vertical lines
- Chart.js Radar Chart How to Remove Outer Labels
- Chart.js is it possible to style the labels?
- html-pdf: How to ensure image doesn't span a page break
- Increase padding between legend and chart with react-chartjs-2
- Chart.js not being displayed inside Jquery Dialog
- How do I use the return values from csv ajax request for x and y values?
- How can I remove extra whitespace from the bottom of a line chart in chart.js?
- Link in ChartJS tooltip not clickable
- How to add new data point and remove leftmost data point dynamically in Chartjs
- Could not find elementById on mat-card-content
- How to make a interactive legend with chartjs
- Is there any way I can customize my chartjs
- Only 1 out of 2 ChartJS i showing
- How do you insert a linear horizontal line in chart.js
- Chart JS - single lines (points) tooltips
- ERROR TypeError: Cannot read property 'nativeElement' of undefined in Ionic 5 and chart.js
- Can I make a horizontal bar chart with two category axes?
- How do I align chart.js pie charts?
- React-Chartjs-2 and Chartjs v3:Option Property
- ChartJs how can I move bar into new group?
- Pagination in Bar chart using ChartJS
- Calculating Bar Chart Percentage
- Chart.js: Is it possible to get the label of a dataset in a stacked bargraph on clicking it?
- How can I add a unit to the end of my Y Axis values in ChartJS?