Google 图表:向两轴堆叠条形图添加一条线

问题描述 投票:0回答:1

我尝试过使用组合,或者只是添加一系列线,但最终会将条推到同一轴上。 我正在尝试使用下面的代码来添加如图所示的行。 该代码仅用于使酒吧工作的上下文。

enter image description here

google.load('visualization', '1.1', {
    'packages': ['bar', 'corechart']
});
google.setOnLoadCallback(drawStuff);

function drawStuff() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Stuff');
    data.addColumn('number', 'Things');
    data.addColumn('number', 'Clutter');
    data.addColumn('number', 'Important');
    data.addColumn('number', 'Meh');
    data.addRows([
        ['2001', 321, 621, 816, 319],
        ['2002', 163, 231, 539, 594],
        ['2003', 125, 819, 123, 578],
        ['2004', 197, 536, 613, 298]
    ]);

    // Set chart options
    var options = {
        isStacked: true,
        series: {
            2: {
                targetAxisIndex: 1
            },
            3: {
                targetAxisIndex: 1
            },
        }
    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.charts.Bar(document.getElementById('chart_div'));
    chart.draw(data, google.charts.Bar.convertOptions(options));
};
charts google-visualization
1个回答
0
投票

我只需在 Google 表格中执行此操作即可。首先为您想要在堆叠列中包含的 2 个系列制作一个图表(2 或 3 或 5 - 无论您需要多少)。插入图表并在“设置”-“图表类型”选择“堆叠列”下调整图表。

仍在设置中,向下添加系列。并选择您想要的其他系列(预算、目标等)。这将导致您的堆积条形图在顶部再添加一个“堆栈”。向后滚动并将图表类型更改为组合图表。我的自动填充了附加系列,但如果您的没有转到“自定义”-“系列”-选择您想要由线条表示的系列。在“格式类型”下选择“线条”,这将强制系列移动,但仍保留堆叠的列!

© www.soinside.com 2019 - 2024. All rights reserved.