Javascript 谷歌'；s Api图表区。在图表中画两个图表

首先，我对PHP语言不太了解。首先，每个图表或系列都需要数据中自己的一组列

var data = new google.visualization.DataTable();
data.addColumn('timeofday', 'Time');
// series 0
data.addColumn('number', 'Value (kW)');
data.addColumn({
  type: 'string',
  role: 'style'
});
// series 1
data.addColumn('number', 'Value (kW)');
data.addColumn({
  type: 'string',
  role: 'style'
});

对行不重合的列值使用

null

[{
  v: [08, 49, 0],
  f: 'Last year C.D : 08:49-09:4'
}, 0, '#e874d2', null, null],
[{
  v: [06, 30, 0],
  f: 'Today C.D: 06:30-06:45'
}, null, null, 1.008, '#109895'],

---

接下来，第一个系列的比例非常小，当显示在与第二个系列相同的y轴上时，它是不可见的

这将为第二个系列指定其自己的y轴

series: {
  1: {
    targetAxisIndex: 1
  }
},

---

请参阅以下工作片段

google.charts.load（'current'{
回调：图纸，
软件包：['corechart']
});
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'timeofday'，'Time'）；
data.addColumn（'数字'，'值（千瓦）'）；
data.addColumn({
键入：“字符串”，
角色：“风格”
});
data.addColumn（'数字'，'值（千瓦）'）；
data.addColumn({
键入：“字符串”，
角色：“风格”
});
data.addRows([
[{
五:[06,04,0],，
f:“去年C.D:06:04-06:19”
}，0，，#e874d2'，空，空]，
[{
v:[06,19,0],，
f:“去年C.D:06:19-06:34”
}，0，，#e874d2'，空，空]，
[{
五:[06,34,0],，
f:“去年C.D:06:34-06:49”
}，0，，#e874d2'，空，空]，
[{
五:[06,49,0],，
f:“去年C.D:06:49-07:4”
}，0，，#e874d2'，空，空]，
[{
五:[07,04,0],，
f:“去年C.D:07:04-07:19”
}，0.001395，#e874d2'，空，空]，
[{
v:[07,19,0],，
f:“去年C.D:07:19-07:34”
}，0，，#e874d2'，空，空]，
[{
五:[07,34,0],，
f:“去年C.D:07:34-07:49”
}，0，，#e874d2'，空，空]，
[{
五:[07,49,0],，
f:“去年C.D:07:49-08:4”
}，0，，#e874d2'，空，空]，
[{
五:[08,04,0],，
f:“去年C.D:08:04-08:19”
}，0，，#e874d2'，空，空]，
[{
v:[08,19,0],，
f:“去年C.D:08:19-08:34”
}，0，，#e874d2'，空，空]，
[{
v:[08,34,0],，
f:“去年C.D:08:34-08:49”
}，0，，#e874d2'，空，空]，
[{
v:[08,49,0],，
f:“去年C.D:08:49-09:4”
}，0，，#e874d2'，空，空]，
[{
v:[06,30,0],，
f:“今天C.D:06:30-06:45”
}，空，空，1.008，#109895']，
[{
v:[06,45,0],，
f:“今天C.D:06:45-07:00”
}，空，空，1.728，#109895']，
[{
五:[07,00,0],，
f:“今天C.D:07:00-07:15”
}，空，空，1.744，#109895']，
[{
v:[07,15,0],，
f:“今天C.D:07:15-07:30”
}，空，空，1.76，#109895']，
[{
五:[07,34,0],，
f:“今天C.D:07:34-07:49”
}，空，空，1.76，#109895']，
[{
五:[07,49,0],，
f:“今天C.D:07:49-08:4”
}，空，空，1.76，#109895']，
[{
五:[08,04,0],，
f:“今天C.D:08:04-08:19”
}，空，空，2.768，#109895']，
[{
v:[08,19,0],，
f:“今天C.D:08:19-08:34”
}，空，空，3.408，#109895']，
[{
v:[08,34,0],，
f:“今天C.D:08:34-08:49”
}，空，空，3.36，#109895']，
]);
变量选项={
图表区：{
前三名：“3%”，
宽度：“90%”，
身高：“80%”
},
图例：{
位置：“无”
},
言辞：{
标题：“功率（kW）”，
},
系列：{
1: {
目标指数：1
}
},
哈克斯：{
标题:"时代",，
格式：“HH:mm”，
网格线：{
计数：10
}
}
};
var chart=new google.visualization.AreaChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

---

对于初学者来说，这是javascript而不是php。