角点线图获得点击值

时间:2017-06-13 14:42:57

标签: angular charts

我有一个带有几个角度图表的网页。

我试图点击第一行,这样我就可以得到我在那一刻点击的那个点的价值。

它应该是超级简单的,但无论如何我都不会得到价值。

HTML

<canvas id="myLine" class="chart chart-line" chart-data="lineChart.data" chart-labels="lineChart.labels" chart-options="lineChart.options" chart-series="lineChart.series" chart-click="chooseMonth" chart="myLine"></canvas>

JAVASCRIPT

$scope.chooseMonth = function(points,evt)
{
    console.log(points[0].value);

};

据我所知,这很简单,但是这个代码我得到了#34; Undefined&#34;。

我得到的对象里面有很多数据,但没有值或标签或任何相关的数据。

如果我只是打印点

console.log(points);

Result

没有......在任何地方都没有价值。

我做错了什么? 提前谢谢。

2 个答案:

答案 0 :(得分:0)

尝试点[0]。标签; 要么 点[0]。数据;

答案 1 :(得分:0)

您可以从

获取索引值
var index = points[0]._index;

然后使用此值从xScaleyScale获取数据

var xval = points[0]._xScale.ticks[index];

var yval = points[0]._yScale.ticks[index];