使用Google Charts隐藏列和getVIewColumns。

我试图在一个columnChart中显示列,但事情并没有像预期的那样工作。

这是我的图表(工作正常)。

function drawGraph() {
        $.ajax({        
            type: "POST",
            url: "./functions.php",
                data: { action: 'draw_bar_chart'
            },
            dataType: 'json',
            success: function(jsonData) {
                data_chart = new google.visualization.DataTable(jsonData[0]['data']);
                var options = jsonData[1]['options'];

                // Instantiate and draw the chart
                chartColumn = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
                data_chart.getViewColumns();
                chartColumn.draw(data_chart, options);
            }
        });
    } 

但是.., getViewColumns 返回 data_chart.getViewColumns is not a function

以下是我打算在工作后隐藏按钮的方法。getViewColumns

$('.toggle_button').click(function () {
            data_chart.hideColumns([1]); // To be adjusted
            chart.draw(data_chart, options);
        }
    );

解决方案:

以下两个方法都是 DataView类

getViewColumns()
hideColumns(columnIndexes)

不存在 在…上 数据表类

纠正,你可以将数据表转换为数据视图… …

data_chart = new google.visualization.DataTable(jsonData[0]['data']);

// convert data table to data view
data_chart = new google.visualization.DataView(data_chart);

var options = jsonData[1]['options'];

// Instantiate and draw the chart
chartColumn = new google.visualization.ColumnChart(document.getElementById('chart_div'));
data_chart.getViewColumns();
chartColumn.draw(data_chart, options);

给TA打赏
共{{data.count}}人
人已打赏
解决方案

如何在程度报告中不显示未知晓的kipped结果?

2022-5-14 15:00:36

解决方案

用apache2重定向我的nodejs应用程序的端口。

2022-5-14 16:00:16

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索