Javascript 制作交互式角度谷歌图表指令集成气泡图
嗨,我正在尝试使用角度谷歌图表指令版本0.1.0制作交互式谷歌图表(气泡图) 在我想要在点击图表中的任何气泡时触发一个外部事件之前,图表渲染一直在顺利进行 我的HtmlJavascript 制作交互式角度谷歌图表指令集成气泡图,javascript,angularjs,charts,google-visualization,Javascript,Angularjs,Charts,Google Visualization,嗨,我正在尝试使用角度谷歌图表指令版本0.1.0制作交互式谷歌图表(气泡图) 在我想要在点击图表中的任何气泡时触发一个外部事件之前,图表渲染一直在顺利进行 我的Html <div google-chart chart="chartObject" style="{{cssStyle}}" custom-select="handleSelect"></div> 我的问题是,当我点击任何气泡图时,如何获得准确的行值或通过图表传递的值 我使用过的参考链接: 但它仍然没有给我正
<div google-chart chart="chartObject" style="{{cssStyle}}" custom-select="handleSelect"></div>
我的问题是,当我点击任何气泡图时,如何获得准确的行值或通过图表传递的值
我使用过的参考链接:
但它仍然没有给我正确的值,特别是在连续点击气泡时
感谢您提供的任何帮助示例链接和问题中的
div的定义存在一些差异
从链接
<div google-chart chart="myChart" on-select="seriesSelected(selectedItem)">
</div>
我没有发现任何证据表明ng google chart.js
库包含任何与选择实现相关的问题
以下示例演示如何获取选定值:
$scope.seriesSelected = function (selectedItem) {
var chartData = $scope.myChart.data;
var value = chartData.rows[selectedItem.row].c[selectedItem.column].v; //value
var formattedValue = chartData.rows[selectedItem.row].c[selectedItem.column].f; //formatted value
console.log(value + ":" + formattedValue);
};
另一方面,我必须指出,您使用的不是最新版本的
由于进行了一些更改,下面的示例演示如何在最新版本中绑定选择事件:
<div google-chart chart="myChart" agc-on-select="seriesSelected(selectedItem)"></div>
控制台中什么都没有?你能得到一个与你提供的链接类似的代码的工作示例吗?是的,但这里它只返回我的行和列编号,而且它也不是常规的。请在控制台中查看所选项目和所选项目。谢谢你的时间。我接受了您建议的代码并添加了一些附加逻辑,我的问题得到了解决。我会把我的代码放在这里
<div google-chart chart="chartObject" on-select="handleSelect(selection)">
</div>
$scope.seriesSelected = function (selectedItem) {
var chartData = $scope.myChart.data;
var value = chartData.rows[selectedItem.row].c[selectedItem.column].v; //value
var formattedValue = chartData.rows[selectedItem.row].c[selectedItem.column].f; //formatted value
console.log(value + ":" + formattedValue);
};
<div google-chart chart="myChart" agc-on-select="seriesSelected(selectedItem)"></div>