Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.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 谷歌图表创建除2“外的堆叠条形图;“正常”;酒吧_Charts_Stacked - Fatal编程技术网

Charts 谷歌图表创建除2“外的堆叠条形图;“正常”;酒吧

Charts 谷歌图表创建除2“外的堆叠条形图;“正常”;酒吧,charts,stacked,Charts,Stacked,我在创建谷歌图表时遇到了一个问题。我想在一张图表中有两个普通条和一个基于两个变量的堆叠条。以下是迄今为止我的代码: google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ [

我在创建谷歌图表时遇到了一个问题。我想在一张图表中有两个普通条和一个基于两个变量的堆叠条。以下是迄今为止我的代码:

  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);

  function drawChart() {

    var data = google.visualization.arrayToDataTable([

      ['H axis',        'Name 1',                   'Name 2',                       'Name 3',           'Name 4'],

      ['Label',         <?php echo $var1; ?>,       <?php echo $var2; ?>,       <?php echo $var3; ?>,       <?php echo $var4; ?>]

    ]);

    var options = {

      chartArea:{left:100,top:50,width:"70%",height:"70%"},
      title: 'Title',
      isStacked: false,
      series: { 0: {type: "bars", isStacked: false},
                1: {type: "bars", isStacked: false},
                2: {type: "steppedArea", isStacked: true},
                3: {type: "steppedArea", isStacked: true}},
      hAxis: {title: 'Title', titleTextStyle: {color: 'red'}},
      vAxis: {title: 'Title', titleTextStyle: {color: 'red'}}

    };

    var chart = new google.visualization.ColumnChart(document.getElementById('chart1'));

    chart.draw(data, options);

  }
google.load(“可视化”,“1”,“{packages:[“corechart”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['H轴','名称1','名称2','名称3','名称4'],
[‘标签’,,]
]);
变量选项={
图表区:{左:100,上:50,宽:“70%”,高:“70%”,
标题:“标题”,
isStacked:错,
系列:{0:{type:“bar”,isStacked:false},
1:{type:“bar”,isStacked:false},
2:{type:“steppedArea”,isStacked:true},
3:{type:“steppedArea”,isStacked:true},
hAxis:{title:'title',titleTextStyle:{color:'red'}},
变量:{title:'title',titleTextStyle:{color:'red'}
};
var chart=new google.visualization.ColumnChart(document.getElementById('chart1');
图表绘制(数据、选项);
}

我试图在谷歌页面的帮助下创建一个组合图。在谷歌上搜索没有给我相关的结果,所以我想知道这里的专家是否能帮助我

这是我的第一篇文章,所以我希望我做得正确

提前谢谢

您应该能够通过使用堆叠的条来“伪造”,但仅为一条条提供多个值。因此,您的数据变量如下所示:

var data = google.visualization.arrayToDataTable([
    ['Label', 'Value 1', 'Value 2', 'Value 3'],
    ['Value 1', 25, 0, 0],
    ['Value 2', 0, 15, 10]
]);
根据您希望图形显示的方式,您必须修改一些其他显示选项,但上面的内容应使第一个条形成为一个值为25的单条条形,第二个条形为两个值的堆叠条形

当然,您还必须设置
isStacked:true