Chart.js: Adding custom points to Line Chart

Created on 1 Sep 2016  路  4Comments  路  Source: chartjs/Chart.js

Hello.
Is it possible to add custom point to Line Chart?
Custom point

picture mishantrop

Most helpful comment

Yes, you have to find the point you want to change and do

point.custom = point.custom || {};
point.custom.borderColor = border color
point.custom.borderWidth = stroke width
point.custom.radius = point radius

alternatively, you can set the the dataset pointRadius and other properties to an array of values.

picture etimberg on 1 Sep 2016
👍3

All 4 comments

Yes, you have to find the point you want to change and do

point.custom = point.custom || {};
point.custom.borderColor = border color
point.custom.borderWidth = stroke width
point.custom.radius = point radius

alternatively, you can set the the dataset pointRadius and other properties to an array of values.

etimberg picture etimberg on 1 Sep 2016
👍3

How to get points of chart? Could you give me an example, please?

mishantrop picture mishantrop on 2 Sep 2016 
point = chartInstance.getDatasetMeta(datasetIndex).data[index];
etimberg picture etimberg on 2 Sep 2016
👍2

Thanks a lot!

mishantrop picture mishantrop on 2 Sep 2016
Was this page helpful?
0 / 5 - 0 ratings

Related issues

nanospeck picture nanospeck  路  3Comments
kennsippell picture kennsippell  路  3Comments
JAIOMP picture JAIOMP  路  3Comments
akashrajkn picture akashrajkn  路  3Comments
bytesnz picture bytesnz  路  3Comments