Charts google图表在一列中显示多个值

如何在一列中显示两个值（将红色和黄色列拆分为一列）？
我有按月份订购的销售计划和销售价值。
例如：
一月- 计划：100，售出：80
二月- 计划：150，售出：150
因此，我想看到2列（记住4列，第二个值应该与第一个值重叠）：
10080
150 150
第一列将以两种颜色显示，因为销售价值低于计划（100/80）
第二列将以一种颜色（黄色）显示，因为第二列与第一个值150/150重叠

isStacked:true

不覆盖第一列

谢谢你的建议

我使用的代码和

---

我只是做了一个饼样，所以我用你的数据建立了一个差异条样。它包含我们的PDF打印代码，但显示了我认为您需要的内容（颜色除外）：

函数绘图图（）{
var oldData=new google.visualization.DataTable（）；
addColumn（'string'，'Date'）；
oldData.addColumn（'number'，'Plan'）；
oldData.addRows([
['2015年1月'，100]，
['2015年2月'，第150页]，
]);
var newData=newgoogle.visualization.DataTable（）；
addColumn（'string'，'Date'）；
newData.addColumn（'编号'，'售出'）；
newData.addRows([
[2015年1月，80]，
['2015年2月'，第150页]，
]);
var chart=new google.visualization.ColumnChart（document.getElementById（'chart_div'））；
var数据=chart.computeDiff（旧数据、新数据）；
变量选项={
颜色：[“黄色”]，
差异：{
oldData:{不透明度：1，颜色：'#ff0000'}，
新数据：{不透明度：1，宽度因子：1}
},
图例：“无”，
宽度：600
};
google.visualization.events.addListener（图表'ready'，AddNamespace）；
图表绘制（数据、选项）；
}

结果:

评论：

---

必须使用“oldData”和“newData”作为数据集的名称。您不能只选择任意名称。如果您这样做，图表将绘制，但“diff”选项将不起作用（疯狂，必须烧录到代码中）。颜色的设置必须如下所示，一种颜色设置在“颜色”选项中，另一种颜色设置在“差异”选项中。

使用差异图表，将内条宽度设置为外条宽度！这就是我需要的。谢谢你，凯文！我需要更改当前显示在悬停、当前和先前中的工具提示文本。有没有办法用不同的自定义文本更改当前和以前的版本？请发布一个问题，不要扩展所问的问题。你可以参考它，但你有一个不同的问题。

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

        function drawStacked() {
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Date');
            data.addColumn('number', 'Plan');
            data.addColumn('number', 'Sold');
            data.addRows([
                ['Jan, 2015', 100, 80],
                ['Feb, 2015', 150, 150],
            ]);
            var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
            chart.draw(data, {
                colors: ['red', 'yellow'],
                width: 600,
                height: 175,
                title: 'Total',
                legend: 'none',
            });

        }

function drawChart() {
        var oldData = new google.visualization.DataTable();
        oldData.addColumn('string', 'Date');
        oldData.addColumn('number', 'Plan');
        oldData.addRows([
            ['Jan, 2015', 100],
            ['Feb, 2015', 150],
        ]);
        var newData = new google.visualization.DataTable();
        newData.addColumn('string', 'Date');
        newData.addColumn('number', 'Sold');
        newData.addRows([
            ['Jan, 2015', 80],
            ['Feb, 2015', 150],
        ]);

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        var data = chart.computeDiff(oldData, newData);
        var options = {
            colors: ['yellow'],
            diff: { 
                 oldData: { opacity: 1, color: '#ff0000' }, 
                 newData: { opacity: 1, widthFactor: 1 }
            },
            legend: 'none',
            width: 600
        };
        <!-- For the PDF print -->
        google.visualization.events.addListener(chart, 'ready', AddNamespace);
        chart.draw(data, options);
    }