我是JS编程的新手。我想做一个选择选项,我可以在其中更改图表类型,例如从线到条。数据来源来自谷歌电子表格。JS代码如下:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>
Select Chart Type
</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['linechart',corechart','barchart', 'columnchart']});
</script>
<script type="text/javascript">
var graphview;
function init() {
graphview = new google.visualization.ChartWrapper({
dataSourceUrl: 'https://docs.google.com/spreadsheet/tq?tq=select%20A,B......etc
containerId: 'visualization1', chartType: 'LineChart'
graphview.draw();
}
google.setOnLoadCallback(init);
}
</script>
</head>
<body>
<div id="panelgraph", width="600", height="200">
</body>
</html>
选项如下:
<select id="graphbox" name="graphbox" onChange="getChart()">
<option value="Line">Line Chart </option>
<option value="Bar">Bar Chart</option>
<option value="Core">Area Chart</option>
<option value="Column">Column Chart</option>
</select>
我尝试创建一个函数,但不确定如何以及在何处插入它们:
var mygraphbox = document.getElementById("graphbox");
var myinsertgraphhere = document.getElementById("panelgraph");
mygraphbox.onchange =function()
我遵循一些如何制作 onchange 选择选项功能的示例。但是当我想将它应用于我的案例时(例如,使用 if-else 并绘制地图)我遇到了麻烦。请帮助我如何制定它以及如何将其插入 JS 块中。
提前谢谢你,