javascript - google图表中的表格图表添加按钮

Question

 <script type="text/javascript">
        function drawVisualization2(dataValues, chartTitle, columnNames, categoryCaption) {
            if (dataValues.length < 1)
                return;
            var data = new google.visualization.DataTable();
            data.addColumn('string', columnNames.split(',')[0]);
            data.addColumn('string', columnNames.split(',')[1]);
            data.addColumn('string', columnNames.split(',')[2]);
            data.addColumn('number', columnNames.split(',')[3]);
            data.addColumn('number', columnNames.split(',')[4]);
            data.addColumn('number', columnNames.split(',')[5]);
            data.addColumn('button', 'test');


            for (var i = 0; i < dataValues.length; i++) {
                data.addRow([dataValues[i].Value1, dataValues[i].Value2, dataValues[i].Value3, dataValues[i].Value4, dataValues[i].Value5, dataValues[i].Value6, '<input type="button" value="test" />']);
            }

            var formatter = new google.visualization.NumberFormat({ pattern: '####%' });
            formatter.format(data, 5);

            var categoryPicker2 = new google.visualization.ControlWrapper({
                'controlType': 'CategoryFilter',
                'containerId': 'Container1',
                'options': {
                    'filterColumnLabel': columnNames.split(',')[1],
                    'ui': {
                        'labelStacking': 'horizontal',
                        'allowTyping': false,
                        'allowMultiple': false,
                        'caption': categoryCaption,
                        'label': columnNames.split(',')[2]
                    }
                }
            });


            var table2 = new google.visualization.ChartWrapper({
                'chartType': 'Table',
                'containerId': 'TableContainer2',

                'options': {
                    'width': '895px',
                    'page': 'enable',
                    'pageSize': 5

                }
            });

            new google.visualization.Dashboard(document.getElementById('PieChartExample2')).bind([categoryPicker2], [table2]).draw(data);
            visualization.draw(data, { allowHtml: true });
        }



     </script>

绘制表格图表的简短代码；正常表格图表正常；但是当我添加按钮时它出错了。尝试将按钮添加到表格图表我无法做到......任何人都可以帮助我这样做...谢谢...任何建议或链接。

Answer 1

问题是您声明和插入按钮的方式。

声明:

data.addColumn('string', '');//对于按钮列

插入:

{v:'ButtonName', f:'<input type="button" value="test" />'}

所以在你的情况下完整的插入如下，

data.addRow([dataValues[i].Value1, dataValues[i].Value2, dataValues[i].Value3, dataValues[i].Value4, dataValues[i].Value5, dataValues[i].Value6, {v:'ButtonName', f:'<input type="button" value="test" />'}]);

更多详情请引用DataTable