在javascript中为图形传递值
我有一个带有JavaScript的html文件,我几乎没有数据如何传递这些值。如何将这些值传递给图形在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
<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中的动态变量,那么您必须使用数组或连接和变量的生成是一种非常糟糕的做法。你可以说我已经使用了对象数组,希望这是你想要的输出