个人中心
gpt4 book ai didi

google-visualization - 谷歌图表获取选定的值

转载 作者：行者123 更新时间：2023-12-02 07:27:59 24 4
gpt4 key购买 nike

我正在尝试获取 Google 表格图表的选定值。不使用字符串过滤器过滤图表内容时，根据DataTable返回选中行的索引，使用字符串过滤器过滤时，返回不正确的问题。

要重现该问题，请执行以下代码1.运行下面的代码

  1. 在表中选择 Aaron。消息框将显示其索引为 5。

  2. 在字符串过滤器中键入字母“A”。现在选择 Aaron，它会返回 0，这是一个错误。

  3. 它应该返回 'Aaron' 的数据表中行的索引，即 5

    <!DOCTYPE html>
    <html>
      <head>
        <title>Google Developers</title>

          <link rel="stylesheet" type="text/css" href="/_static/07491c0cdc/css/screen-docs.css" />
          <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
          <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400" type="text/css">
          <script src="/_static/07491c0cdc/js/prettify-bundle.js"></script>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
        <script id="jqueryui" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" defer async></script>
        <script src="http://www.google.com/jsapi?key=AIzaSyCZfHRnq7tigC-COeQRmoa9Cxr0vbrK6xw"></script>
        <!--[if lt IE 9]>
        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script src="/_static/07491c0cdc/js/framebox.js"></script>
      </head>
      <body class="docs slim framebox_body">


    <script type="text/javascript" src="https://www.google.com/jsapi"></script>

    <div id="stringFilter_dashboard_div" style="border: 1px solid #ccc">
    <div id="stringFilter_control_div" style="padding-left: 2em"></div>
    <div id="stringFilter_chart_div"></div>
    </div>

    <script type="text/javascript">
      google.load('visualization', '1.0', {'packages':['corechart', 'table', 'gauge', 'controls']});
      google.setOnLoadCallback(apiLoaded);
      function apiLoaded() {
        drawStringFilter();
      }

      function drawStringFilter() {
        var dashboard = new google.visualization.Dashboard(
            document.getElementById('stringFilter_dashboard_div'));
        var control = new google.visualization.ControlWrapper({
          'controlType': 'StringFilter',
          'containerId': 'stringFilter_control_div',
          'options': {
            'filterColumnIndex': 0
          }
        });
        var chart = new google.visualization.ChartWrapper({
          'chartType': 'Table',
          'containerId': 'stringFilter_chart_div',
          'options': {'height': '25em', 'width': '20em'}
        });

        google.visualization.events.addListener(chart,'select',tableSelectHandler);

        function tableSelectHandler(){
            var selectedItem = chart.getChart().getSelection()[0];
            alert(selectedItem.row);
        }

        var data = google.visualization.arrayToDataTable([
          ['Name', 'Age'],
          ['Michael' , 12],
          ['Elisa', 20],
          ['Robert', 7],
          ['John', 54],
          ['Jessica', 22],
          ['Aaron', 3],
          ['Margareth', 42],
          ['Miranda', 33]
        ]);
        dashboard.bind(control, chart);
        dashboard.draw(data);
      }
    </script>


        <script>

          devsite.github.Link.convertAnchors();

            window.prettyPrint();


        </script>
      </body>
    </html>

最佳答案

这应该有效:

function tableSelectHandler(e){
    var selectedItem = chart.getChart().getSelection()[0];
    var true_selected =  chart.getDataTable().getTableRowIndex(selectedItem.row)
    alert(true_selected);
}

getTableRowIndex 将行追溯到数据表

关于google-visualization - 谷歌图表获取选定的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25658723/

24 4 0
文章推荐： c - 使用 argv[] 时出现段错误
文章推荐： matlab - 在 Matlab 中生成矩阵的所有可能组合
文章推荐： scala - Anorm 是否支持批量插入？
文章推荐： arrays - 为什么这会复制或覆盖列表的内容？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com