Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 制作交互式角度谷歌图表指令集成气泡图_Javascript_Angularjs_Charts_Google Visualization - Fatal编程技术网

Javascript 制作交互式角度谷歌图表指令集成气泡图

Javascript 制作交互式角度谷歌图表指令集成气泡图,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> 我的问题是,当我点击任何气泡图时,如何获得准确的行值或通过图表传递的值 我使用过的参考链接: 但它仍然没有给我正

嗨,我正在尝试使用角度谷歌图表指令版本0.1.0制作交互式谷歌图表(气泡图)

在我想要在点击图表中的任何气泡时触发一个外部事件之前,图表渲染一直在顺利进行

我的Html

<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>