Google visualization 谷歌可视化-气泡图和烛台图可以使用相同的数据源吗？

我正在创建一个具有气泡图和烛台图的仪表板。气泡图显示气泡图显示从去年（x轴）到今年（y轴）的学生考试分数，气泡的大小与学生人数成正比。我还想创建一个烛台图，显示四分位之间的范围（传达分布）

我使用以下方法获取数据集：

var query = new google.visualization.Query('mysource');

query.setQuery('SELECT A, B, C, D, E, F, G, H, I, J, K');

query.send(function (response) {        
    if (response.isError()) {
        alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
        return;
    }
    var data = response.getDataTable();

气泡图从前5列（）获取数据。烛台图表似乎也从前6列（）获取数据。但是，我需要我的烛台图表从F列到K列。这可能吗

我试图制作一个仪表板，其中控件过滤气泡图和烛台图上显示的内容…因此我假设我需要使用相同的数据源

---

想法？

是的，您可以对这两个图表使用相同的数据源，但是您需要使用DataView或ChartWrapper的

view

参数来分隔每个图表所需的列。我假设您使用的是ChartWrapper，因为它们需要将图表链接到仪表板中的控件。以下是如何使用视图参数：

var bubbleChart = new google.visualization.ChartWrapper({
    // set ChartWrapper parameters
    chartType: 'BubbleChart',
    containerId: '...',
    options: {...},
    view: {
        columns: [0, 1, 2, 3, 4] // use columns A-E
    }
});
var candlestickChart = new google.visualization.ChartWrapper({
    // set ChartWrapper parameters
    chartType: 'CandlestickChart',
    containerId: '...',
    options: {...},
    view: {
        columns: [5, 6, 7, 8, 9, 10] // use columns F-K
    }
});