javascript - Google Charts，如何在 ChartWrapper 中设置计算 View ？

Question

我使用来自 google charts 的 ChartWrapper。我的实际实现如下所示:

var dataTable=new google.visualization.DataTable(DATA);

var options = {
                 title: 'Name of the Chart',
                 vAxis: {title: "Cups"},
                 hAxis: {title: "Month"},

                 isStacked: false,

                 pointSize: 3
             }; 

var chartWrapperArgs = {
                     chartType: "LineChart",
                     dataTable: dataTable,
                     view: {"columns":[0,1,2]},
                     options: options,
                     containerId: "chart"]
                 }; 
var chartWrapper = new google.visualization.ChartWrapper(chartWrapperArgs);
chartWrapper.draw();

问题是，有时我必须将数据类型从“日期”更改为“字符串”，我在旧实现(没有 ChartWrapper)中这样做:

var dataView = new google.visualization.DataView(dataTable);

                dataView.setColumns([{
                    type: 'string',
                    label: dataView.getColumnLabel(0),
                    calc: function (dt, row) {
                        return dt.getFormattedValue(row, 0);
                    }
                }, 1]);

这行得通，现在我已经对我的 ChartWrapper 实现进行了同样的尝试，但没有成功:

我试过这两种方法:

1.) var dataTable=new google.visualization.DataTable(DATA);

var chartWrapperArgs = {
                    chartType: "LineChart",
                    dataTable: dataTable,
                    view: {"columns":[
                    {
                        type: 'string',
                        label: dataTable.getColumnLabel(0),
                        calc: function (dt, row) {
                            return dt.getFormattedValue(row, 0);
                        }
                    },
                    1
                ]},

                    options: options,
                    containerId: "chart"]
                };
var chartWrapper = new google.visualization.ChartWrapper(chartWrapperArgs);

我的第二个:

var dataTable=new google.visualization.DataTable(DATA);
var dataView = new google.visualization.DataView(dataTable);

                dataView.setColumns([{
                    type: 'string',
                    label: dataView.getColumnLabel(0),
                    calc: function (dt, row) {
                        return dt.getFormattedValue(row, 0);
                    }
                }, 1]);

                var ViewData= dataView.toJSON();


var chartWrapperArgs = {
                    chartType: "LineChart",
                    dataTable: dataTable,
                    view: ViewData,

                    options: options,
                    containerId: "chart"]
                };
var chartWrapper = new google.visualization.ChartWrapper(chartWrapperArgs);

但这也没有用..

我做错了什么？

我知道我可以将 View 直接设置为数据表，如“dataTable : view”，但我只想在“view:”选项或 chartWrapper.setView() 选项中执行此操作。或者这不可能吗？

Answer 1

您的第一个方法(设置 view 参数)应该有效，但您的代码在 containerId: "chart"] 行的末尾有语法错误( ] 不应该存在):

var chartWrapperArgs = {
    chartType: "LineChart",
    dataTable: dataTable,
    view: {
        columns: [{
            type: 'string',
            label: dataTable.getColumnLabel(0),
            calc: function (dt, row) {
                return dt.getFormattedValue(row, 0);
            }
        }, 1]
    },
    options: options,
    containerId: "chart"
};
var chartWrapper = new google.visualization.ChartWrapper(chartWrapperArgs);

如果这不起作用，您可以发布一个完整的示例来说明问题吗？