Javascript 页面上有两个谷歌图表？解决方案不起作用_Javascript_Google Visualization

Javascript 页面上有两个谷歌图表？解决方案不起作用

javascript google-visualization

Javascript 页面上有两个谷歌图表？解决方案不起作用,javascript,google-visualization,Javascript,Google Visualization,尝试在一个页面上显示两个谷歌图表，尝试发布其他解决方案，但它们似乎对我不起作用-我也不确定我到底犯了什么错误，知道这些将非常有用 <script type="text/javascript"> google.load("visualization", "1.0", {packages: ["bar"]}); google.setOnLoadCallback(drawChart); function drawChart() { //Var

尝试在一个页面上显示两个谷歌图表，尝试发布其他解决方案，但它们似乎对我不起作用-我也不确定我到底犯了什么错误，知道这些将非常有用

    <script type="text/javascript">
      google.load("visualization", "1.0", {packages: ["bar"]});
      google.setOnLoadCallback(drawChart);

      function drawChart() {

//Various Data Tables 
        var data = google.visualization.arrayToDataTable([
          ['Country', 'Premarital Sex', 'Homosexuality', 'Divorce', 'Abortion', 'Euthanasia', 'Prostitution', 'General Violence', 'Beating Children', 'Stealing Benefits', 'Bribery', 'Stealing', 'Beating Wife'],
          ['West', 0.27, 0.34, 0.35, 0.43, 0.43, 0.67, 0.92, 0.93, 0.93, 0.94, 0.95, 0.96],
          ['Eastern Europe', 0.75, 0.89, 0.69, 0.77, 0.83, 0.92, 0.97, 0.90, 0.90, 0.97, 0.97, 0.92],
          ['MENA', 0.95, 0.92, 0.78, 0.92, 0.93, 0.95, 0.92, 0.77, 0.87, 0.95, 0.94, 0.86],
          ['South Asia', 0.76, 0.77, 0.75, 0.81, 0.77, 0.82, 0.81, 0.79, 0.75, 0.80, 0.82, 0.83],
          ['East Asia', 0.68, 0.75, 0.67, 0.79, 0.65, 0.84, 0.88, 0.68, 0.67, 0.91, 0.93, 0.92],
          ['Latin America', 0.58, 0.69, 0.60, 0.85, 0.80, 0.79, 0.92, 0.84, 0.77, 0.92, 0.93, 0.95],
          ['Sub Saharan Africa', 0.62, 0.75, 0.69, 0.74, 0.74, 0.76, 0.74, 0.56, 0.74, 0.75, 0.77, 0.77]

        ]);

        var data2 = google.visualization.arrayToDataTable([
          ['Country', 'Egalitarian Values', 'Premarital Sex', 'Abortion'],
          ['West',0.76,0.27,0.43],
          ['Eastern Europe',0.53,0.75,0.77],
          ['MENA',0.38,0.95,0.92],
          ['South Asia',0.45,0.76,0.81,],
          ['East Asia', 0.55,0.68,0.79,],
          ['Latin America',0.70,0.58,0.85],
          ['Sub Saharan Africa',0.51,0.62,0.74,]
        ]);

        var options = {
        colors: ['#ebf1f5', '#5e82a6'],
          chart: {
            title: 'Regional Means on Dependent and Independent Variables',
            subtitle: 'On a scale of 0 - 1',
          },
          vAxis: {
            viewWindowMode: 'explicit',
            viewWindow: {
              max: 1,
              min: 0
            }
          },
          bars: 'vertical', // Required for Material Bar Charts.
          width: 800,
          height: 350, 
        };

        var chart = new google.visualization.BarChart(document.getElementById('regionalmeans'));
        chart.draw(data, options);
        var chart2 = new google.visualization.BarChart(document.getElementById('depind'));
        chart.draw(data2, options);
      }
      draw(chart);
      draw(chart2);
    }
      </script>

</head>
<body>

<div id="regionalmeans"></div>
<div id="depind"></div>


load（“可视化”、“1.0”{packages:[“bar”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
//各种数据表
var data=google.visualization.arrayToDataTable([
[‘国家’、‘婚前性行为’、‘同性恋’、‘离婚’、‘堕胎’、‘安乐死’、‘卖淫’、‘一般暴力’、‘殴打儿童’、‘窃取利益’、‘贿赂’、‘偷窃’、‘殴打妻子’]，
[West'，0.27,0.34,0.35,0.43,0.43,0.67,0.92,0.93,0.93,0.94,0.95,0.96]，
[“东欧”、0.75、0.89、0.69、0.77、0.83、0.92、0.97、0.90、0.90、0.97、0.97、0.92]，
[MENA'，0.95,0.92,0.78,0.92,0.93,0.95,0.92,0.77,0.87,0.95,0.94,0.86]，
[“南亚”、0.76、0.77、0.75、0.81、0.77、0.82、0.81、0.79、0.75、0.80、0.82、0.83]，
[“东亚”，0.68,0.75,0.67,0.79,0.65,0.84,0.88,0.68,0.67,0.91,0.93,0.92]，
[“拉丁美洲”，0.58,0.69,0.60,0.85,0.80,0.79,0.92,0.84,0.77,0.92,0.93,0.95]，
[“撒哈拉以南非洲”，0.62,0.75,0.69,0.74,0.74,0.76,0.74,0.56,0.74,0.75,0.77,0.77]
]);
var data2=google.visualization.arrayToDataTable([
[“国家”、“平等主义价值观”、“婚前性行为”、“堕胎”]，
[West'，0.76,0.27,0.43]，
[“东欧”，0.53,0.75,0.77]，
[MENA'，0.38,0.95,0.92]，
[“南亚”，0.45,0.76,0.81，]，
[“东亚”，0.55,0.68,0.79，]，
[“拉丁美洲”，0.70,0.58,0.85]，
[“撒哈拉以南非洲”，0.51,0.62,0.74，]
]);
变量选项={
颜色：['#ebf1f5'，'#5e82a6']，
图表：{
标题：“因变量和自变量的区域平均值”，
副标题：“在0-1的范围内”，
},
言辞：{
viewWindowMode:“显式”，
视图窗口：{
最高：1，
最低：0
}
},
条形图：“垂直”，//物料条形图为必填项。
宽度：800，
身高：350，
};
var chart=new google.visualization.BarChart（document.getElementById（'regionalmeans'）；
图表绘制（数据、选项）；
var chart2=新的google.visualization.BarChart（document.getElementById（'depind'）；
图表绘制（数据2，选项）；
}
绘制（图表）；
绘制（图表2）；
}

夫妻问题

需要加载包

“corechart”

才能绘制

google.visualization.BarChart

“bar”

软件包用于物料图表--

google.charts.bar

chart2

已定义但从未绘制

图表

绘制两次

请参阅下面的示例

google.load（“可视化”、“1.0”{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘国家’、‘婚前性行为’、‘同性恋’、‘离婚’、‘堕胎’、‘安乐死’、‘卖淫’、‘一般暴力’、‘殴打儿童’、‘窃取利益’、‘贿赂’、‘偷窃’、‘殴打妻子’]，
[West'，0.27,0.34,0.35,0.43,0.43,0.67,0.92,0.93,0.93,0.94,0.95,0.96]，
[“东欧”、0.75、0.89、0.69、0.77、0.83、0.92、0.97、0.90、0.90、0.97、0.97、0.92]，
[MENA'，0.95,0.92,0.78,0.92,0.93,0.95,0.92,0.77,0.87,0.95,0.94,0.86]，
[“南亚”、0.76、0.77、0.75、0.81、0.77、0.82、0.81、0.79、0.75、0.80、0.82、0.83]，
[“东亚”，0.68,0.75,0.67,0.79,0.65,0.84,0.88,0.68,0.67,0.91,0.93,0.92]，
[“拉丁美洲”，0.58,0.69,0.60,0.85,0.80,0.79,0.92,0.84,0.77,0.92,0.93,0.95]，
[“撒哈拉以南非洲”，0.62,0.75,0.69,0.74,0.74,0.76,0.74,0.56,0.74,0.75,0.77,0.77]
]);
var data2=google.visualization.arrayToDataTable([
[“国家”、“平等主义价值观”、“婚前性行为”、“堕胎”]，
[West'，0.76,0.27,0.43]，
[“东欧”，0.53,0.75,0.77]，
[MENA'，0.38,0.95,0.92]，
[“南亚”，0.45,0.76,0.81，]，
[“东亚”，0.55,0.68,0.79，]，
[“拉丁美洲”，0.70,0.58,0.85]，
[“撒哈拉以南非洲”，0.51,0.62,0.74，]
]);
变量选项={
颜色：['#ebf1f5'，'#5e82a6']，
图表：{
标题：“因变量和自变量的区域平均值”，
副标题：“在0-1的范围内”，
},
言辞：{
viewWindowMode:“显式”，
视图窗口：{
最高：1，
最低：0
}
},
条形图：“垂直”，//物料条形图为必填项。
宽度：800，
身高：350，
};
var chart=new google.visualization.BarChart（document.getElementById（'regionalmeans'）；
图表绘制（数据、选项）；
var chart2=新的google.visualization.BarChart（document.getElementById（'depind'）；
图表2.绘图（数据2，选项）；
}


区域手段
德宾德

解决方案

startChart();
          function startChart() {
              var data = new google.visualization.arrayToDataTable([
                     ['Country', 'Premarital Sex', 'Homosexuality', 'Divorce', 'Abortion', 'Euthanasia', 'Prostitution', 'General Violence', 'Beating Children', 'Stealing Benefits', 'Bribery', 'Stealing', 'Beating Wife'],
              ['West', 0.27, 0.34, 0.35, 0.43, 0.43, 0.67, 0.92, 0.93, 0.93, 0.94, 0.95, 0.96],
              ['Eastern Europe', 0.75, 0.89, 0.69, 0.77, 0.83, 0.92, 0.97, 0.90, 0.90, 0.97, 0.97, 0.92],
              ['MENA', 0.95, 0.92, 0.78, 0.92, 0.93, 0.95, 0.92, 0.77, 0.87, 0.95, 0.94, 0.86],
              ['South Asia', 0.76, 0.77, 0.75, 0.81, 0.77, 0.82, 0.81, 0.79, 0.75, 0.80, 0.82, 0.83],
              ['East Asia', 0.68, 0.75, 0.67, 0.79, 0.65, 0.84, 0.88, 0.68, 0.67, 0.91, 0.93, 0.92],
              ['Latin America', 0.58, 0.69, 0.60, 0.85, 0.80, 0.79, 0.92, 0.84, 0.77, 0.92, 0.93, 0.95],
              ['Sub Saharan Africa', 0.62, 0.75, 0.69, 0.74, 0.74, 0.76, 0.74, 0.56, 0.74, 0.75, 0.77, 0.77]
            ]);

              var data2 = google.visualization.arrayToDataTable([
              ['Country', 'Egalitarian Values', 'Premarital Sex', 'Abortion'],
              ['West',0.76,0.27,0.43],
              ['Eastern Europe',0.53,0.75,0.77],
              ['MENA',0.38,0.95,0.92],
              ['South Asia',0.45,0.76,0.81,],
              ['East Asia', 0.55,0.68,0.79,],
              ['Latin America',0.70,0.58,0.85],
              ['Sub Saharan Africa',0.51,0.62,0.74,]
            ]);
              options = {
              colors: ['#d82e03', '#5e82a6'],
              chart: {
                title: 'Regional Means of Negative Moral Judgement',
                subtitle: 'On a scale of 0 - 1',
              },
              vAxis: {
                viewWindowMode: 'explicit',
                viewWindow: {
                  max: 1,
                  min: 0
                }
              },
              bars: 'vertical', // Required for Material Bar Charts.
              width: 900,
              height: 450
            };
           var options2 = {
            colors: ['#ebf1f5', '#5e82a6', '#afc7d9'],
              chart2: {
                title: 'Regional Means on Dependent and Independent Variables',
                subtitle: 'On a scale of 0 - 1',
              },
              vAxis: {
                viewWindowMode: 'explicit',
                viewWindow: {
                  max: 1,
                  min: 0
                }
              },
              bars: 'vertical', // Required for Material Bar Charts.
              width: 900,
              height: 350
            };


      var chart = new google.visualization.ColumnChart(document.getElementById('regional'));
              chart.draw(data, options);

      var chart1 = new google.visualization.ColumnChart(document.getElementById('varmean'));
              chart1.draw(data2, options2);

          }

非常感谢！我刚自己想出来，但你的要干净得多