score:40
Accepted answer
You would have to set the pointRadius
property to 1
as well (so the point becomes small initially), along with the pointHoverRadius
(remains small on hover)
pointRadius: 1,
pointHoverRadius: 1
score:22
It indeed needs to go in the dataset, like so:
{
type: 'scatter',
data: {
labels: ['2015', '2016', '2017', '2018', '2019', '2020'],
datasets: [
{
label: 'Cars',
data: [{x:-10,y:0}, {x:0,y:10}, {x:10,y:5}, {x:4,y:8}],
pointRadius: 10,
....
},
{
label: 'Bikes',
data: [{x:10,y:3}, {x:-2,y:6}, {x:9,y:3}, {x:11,y:6}],
pointRadius: 10,
...
}
]
},
options: {
...
}
}
Source: stackoverflow.com
Related Query
- how to change size of point in ChartJS
- Change point size and color on hover in chartjs
- How to change ChartJS font size with javascript?
- ChartJS - Size of the point doesn't change
- ChartJs 2.0 How do I obtain point information being clicked upon?
- Chartjs linechart with only one point - how to center
- Change point color on click using ChartJS
- how to change background in chartjs and remove background lines?
- How to change the color of legend in chartjs and be able to add one more legend?
- How to change the cursor to a pointer when I hover over a bar in a ChartJS bar chart?
- how to change Y axis value dynamically based on user input in Chartjs for Line chart?
- Chartjs Radar - Change color of end point labels
- ChartJS -- How do I change scale color when I have to scales?
- Change size of a specific point on a line chart in Chart.js
- How to add ChartJS code in Html2Pdf to view image
- How to Change the Label Strike-Through with light gray on a ChartJS Doughnut?
- How to change chartjs ticks orientation to 'slope right'?
- How do I add time sourced from an external source as an X axis to a ChartJS graph?
- How do I change axis, title, legend formatting on chartjs template
- Is there any way to change the font color and size of labels in Chartjs 3.0.0
- Change point style in Chartjs via external event
- How to dynamically change point location with line in Chart.js?
- Change font size and font color in Chartjs Angular 5
- Chartjs - how to change the notation of doughnut chart
- How to add new data point and remove leftmost data point dynamically in Chartjs
- How can I change the cursor on pie chart segment hover in ChartJS 3?
- In ChartJS how do I change the color of a label in the legend?
- Change dot size individually Scatter Chart -- ChartJS
- ChartJS - How to change color of some data points in graph
- Change background point color at runtime for angular ng2-charts / chartjs
More Query from same tag
- React.js made a Custom Line Chart
- JavaScript doughnut chart with centered hover label
- How to create a dynamic multi-line chart in chart.js
- how to show bar value on the top of each bar in chartjs
- Series Details Not Showing in Angular Chart with Charts.js
- Why Chart.js v2 time based data not aligning with X axis correctly?
- chart.js onClick event function, access angular component
- Escape symbol '<%=' and '%>'
- Chart.js - Connect two datasets in a line chart at same y value
- Chart.js sets canvas dimentions to 0x0 and do not display anything
- react-chartjs: difference between `scales.x`/`xAxes`/`xAxes[]`
- Chart.js separation lines
- How to fix ERROR in node_modules/chart.js/types/animation.d.ts(20,37): error TS1005: ',' expected. in chart.js
- Laravel PDF generation with Graph and send it with Email
- How to show the chartjs bar chart data values labels as text?
- How to use chart.js in Angular2?
- Chart.js: Change lengend colors to array
- Chart.js combine two pieces of data into one bar
- how can i put a chart in a div with *ngIf
- Why is this bar chart using chart.js not rendering in react.js?
- start y-axis from 0 in ng2-charts
- How make border radius for chart area chart.js?
- Animate Chartist on show
- Place Text in Chart-Canvas Area in ChartJS
- How to render Chart.js 2.x tooltips on top of everything
- Pie Chart Label is not visible in ReactJS
- how get data from given string in javascript?
- Change line point to triangle in Chart.js
- Chart.js Stacked Group Bar model after updating version Chart.js 2.9.4 -> Chart.js 3.5.0
- Remove background on Chartjs v2 fixed tooltips