0

私はJSプログラミングの初心者です。線から棒など、グラフの種類を変更できる選択オプションを作成したいと考えています。データ ソースは Google スプレッドシートから取得されます。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ブロックに挿入する方法を教えてください。

前もってありがとう、ディアン

4

1 に答える 1