charts - Google チャートを使用して異なるデータで単一のバーを作成する

Question

Google チャートを使用してこれらのタイプのチャートを作成し、目標を一番上に設定することはできますか?

これらのグラフはバー タイプですか。このような棒グラフを作成できるものは見つかりませんでした。または、これはまったく異なる種類のグラフです。

編集

Google Chart Tools - How to create stack bar chartで解決策を見つけました。これらは積み上げ棒グラフです。それでも、ターゲットを一番上に置く方法が見つかりませんでした

Answer 1

ComboChart を使用し、series.<series index>.typeオプションを'bars'「保留」、「損失」、および「勝」シリーズに設定します。「ターゲット」シリーズのseries.<series index>.typeto'steppedArea'とseries.<series index>.opacitytoを設定します。オプションを に0設定します。データが「勝った」、「負けた」、「保留中」、「ターゲット」の順序であると仮定すると、次のようになります。connectStepsfalse

var chart = new google.visualization.ComboChart(document.querySelector('#chart_div'));
chart.draw(data, {
    height: 400,
    width: 600,
    isStacked: true,
    connectSteps: false,
    series: {
        0: {
            // Won
            type: 'bars'
        },
        1: {
            // Loss
            type: 'bars'
        },
        2: {
            // Pending
            type: 'bars'
        },
        3: {
            // Target
            type: 'steppedArea',
            areaOpacity: 0
        }
    }
});