[Solved]-Angular 2 chart - change point radius-Chart.js

you can set some of these values in options, then pass them into the canvas directive. put the [options] tag in the html:

<div style="display: block;">
    <canvas basechart width="2" height="1"
            [datasets]="chartdata"
            [labels]="chartlabels"
            [options]="chartoptions"
            [colors]="chartcolors"
            [legend]=true
            charttype=line></canvas>
</div>

then create the options object in the typescript:

private chartoptions = 
{ 
    responsive: true, 
    elements: 
    { 
        point: 
        {
            radius: 1,
            hitradius: 5,
            hoverradius: 10,
            hoverborderwidth: 2
        }
    }
};

more on chartjs point configuration