Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Charts 使用谷歌图表创建包含不同数据的单条_Charts_Google Visualization - Fatal编程技术网

Charts 使用谷歌图表创建包含不同数据的单条

Charts 使用谷歌图表创建包含不同数据的单条,charts,google-visualization,Charts,Google Visualization,我可以用谷歌图表创建这些类型的图表吗?我可以在上面设置目标 这些图表是条形图。我没有发现任何可以制作这种条形图的东西,或者这是一种完全不同的图表类型 编辑 我找到了解决办法。这些是堆叠条形图。但我仍然没有找到如何将目标放在顶部的方法。使用组合图,将系列设置为。为“待定”、“损失”和“赢”系列键入“条形图”。对于“目标”系列,将series..type设置为'steppedArea'并将series..opacity设置为0。将connectSteps选项设置为false。这里有一种方法,假设您的

我可以用谷歌图表创建这些类型的图表吗?我可以在上面设置目标

这些图表是条形图。我没有发现任何可以制作这种条形图的东西,或者这是一种完全不同的图表类型

编辑


我找到了解决办法。这些是堆叠条形图。但我仍然没有找到如何将目标放在顶部的方法。使用组合图,将
系列设置为
。为“待定”、“损失”和“赢”系列键入
“条形图”
。对于“目标”系列,将
series..type
设置为
'steppedArea'
并将
series..opacity
设置为
0
。将
connectSteps
选项设置为
false
。这里有一种方法,假设您的数据顺序为“赢”、“输”、“挂起”、“目标”:

我找到了解决办法。这些是堆叠条形图。
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
        }
    }
});