Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.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
在javascript中为图形传递值_Javascript_Html - Fatal编程技术网

在javascript中为图形传递值

在javascript中为图形传递值,javascript,html,Javascript,Html,我有一个带有JavaScript的html文件,我几乎没有数据如何传递这些值。如何将这些值传递给图形 <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <script src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> // Mo

我有一个带有JavaScript的html文件,我几乎没有数据如何传递这些值。如何将这些值传递给图形

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<script src="https://www.gstatic.com/charts/loader.js"></script>


<script type="text/javascript">

// Module1 = login, Pass1=10, Fail1=2, Module2=Logout, Pass2=5, Fail2=8

google.charts.load('current', {
  callback: function () {
    for (var i = 1; i < 3; i++) {
      var stepData = google.visualization.arrayToDataTable([
          ['Module',Modulei],
          ['Pass', Passi],
          ['Fail', Faili],         
        ]);
      var options = {
      title: Modulei,
      width:500,
      height:300
    };
      var container = document.getElementById('draw-charts').appendChild(document.createElement('div'));
      var chart = new google.visualization.PieChart(container);
      chart.draw(stepData, options);
    }
  },
  packages: ['corechart']
});
        </script>
</head>
<body>

<ul id="draw-charts"></ul>
</body>

//Module1=登录,Pass1=10,Fail1=2,Module2=注销,Pass2=5,Fail2=8
google.charts.load('current'{
回调:函数(){
对于(变量i=1;i<3;i++){
var stepData=google.visualization.arrayToDataTable([
['Module',Modulei],
[Pass',Passi],
[Fail',Faili],
]);
变量选项={
标题:Modulei,
宽度:500,
身高:300
};
var container=document.getElementById('draw-charts').appendChild(document.createElement('div'));
var chart=newgoogle.visualization.PieChart(容器);
图表绘制(步骤数据、选项);
}
},
软件包:['corechart']
});

    因此,对于每个图,模块名、通过和失败计数都应该替换为注释部分中的值。我该怎么做?请帮忙。另外,请告诉我是否可以提供非注释选项的值

    我已经修复了你的bug,现在你可以玩了

    $(文档).ready(函数(){
    console.log('running')
    常量数据原始=[
    {模块:“结果1”,通过:80,失败:20},
    {模块:'结果2',通过:60,失败:40},
    {模块:“结果3”,通过:30,失败:70}]
    load('current',{packages:['corechart']});
    google.charts.setOnLoadCallback(drawChart);
    函数绘图图(){
    
    对于(假设i=0;iNo,我的要求是每个图都应该有一个不同的模块名。这里您已经更改了我提到的值。对于每个图,模块的通过和失败应该是不同的值。您还更改了输入值名。@Wanders首先,如果您需要JavaScript中的动态变量,那么您必须使用数组或连接和变量的生成是一种非常糟糕的做法。你可以说我已经使用了对象数组,希望这是你想要的输出