Question

我正在创建一个带有气泡图和烛台图表的仪表板。气泡图显示气泡图显示学生从去年（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列（as detailed here）获取数据。似乎烛台图表也从前6列（as detailed here）获取数据。但是，我需要将烛台图表从列F拉到K.这可能吗？

我正在尝试创建一个仪表板，其中控件过滤气泡图和烛台图表上显示的内容...所以我假设我需要使用相同的数据源。

思想？

Answer 1

是的，您可以为两者使用相同的数据源，但是您需要使用DataView或ChartWrapper的view参数来分离每个图表所需的列。我假设您正在使用ChartWrappers，因为他们需要将图表链接到仪表板中的控件。这是您使用view参数的方式：

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
    }
});

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

1 个答案: