Javascript 角度2图表-更改点半径

Javascript 角度2图表-更改点半径,javascript,angularjs,angular,chart.js,ng2-charts,Javascript,Angularjs,Angular,Chart.js,Ng2 Charts,我正在使用ng2 charts()为Angular 2应用程序创建一个折线图。图表运行良好-当您将鼠标悬停在某个点上时,该点会自动变为白色,以说明鼠标正在悬停该点。我想通过代码来模拟这种行为 当您单击并将鼠标悬停在某个点上时,我有一个单击事件返回包含图表的对象(见图)。从该对象中,我找到了一些似乎可以控制点半径的值:_model.hitRadius、_model.radius、_view.hitRadius和_view.radius(见图)。 我尝试在代码中更改这些值,但图表点没有任何变化

我正在使用ng2 charts()为Angular 2应用程序创建一个折线图。图表运行良好-当您将鼠标悬停在某个点上时,该点会自动变为白色,以说明鼠标正在悬停该点。我想通过代码来模拟这种行为

当您单击并将鼠标悬停在某个点上时,我有一个单击事件返回包含图表的对象(见图)。从该对象中,我找到了一些似乎可以控制点半径的值:_model.hitRadius、_model.radius、_view.hitRadius和_view.radius(见图)。

我尝试在代码中更改这些值,但图表点没有任何变化

    e.active[0]._model.hitRadius = 5;
    e.active[0]._model.radius = 10;
    e.active[0]._view.hitRadius = 5;
    e.active[0]._view.radius = 10;  

我还尝试在更改值后添加“e.update()”,但我收到一个错误,说update()不是函数

您可以在选项中设置其中一些值,然后将它们传递到
canvas
指令中。将
[options]
标记放入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>

private chartOptions = 
{ 
    responsive: true, 
    elements: 
    { 
        point: 
        {
            radius: 1,
            hitRadius: 5,
            hoverRadius: 10,
            hoverBorderWidth: 2
        }
    }
};