概要
paiza.ioでelixirやってみた。
練習問題やってみた。
練習問題
棒グラフを描画せよ。
サンプルコード
IO.puts """
<!doctype html>
<html>
<head>
<style type="text/css">
* {
margin: 0;
padding: 0;
border: 0;
}
body {
background: #fdd;
font: 30px sans-serif;
}
</style>
</head>
<body>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<div id='chart'></div>
<textarea id="koko0">
"""
for i <- 0..15 do
v = :math.sin(i * 440.0 * 2.0 * :math.pi / 6000.0) + 1.0;
IO.puts(v)
IO.puts ","
end
IO.puts """
</textarea>
<script type="text/javascript">
google.load("visualization", "1", {
packages: ["corechart"]
});
var x0 = document.getElementById('koko0').value;
var x = x0.split(",");
var res = [['x', 'sin'],];
for (var i = 0; i < 15; i++)
{
res.push([i, x[i] / 1]);
}
google.setOnLoadCallback(function() {
var data = google.visualization.arrayToDataTable(res);
var options = {
title: 'sin波',
hAxis: {
title: 'x'
},
vAxis: {
title: 'y'
}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart'));
chart.draw(data, options);
});
</script>
</body>
</html>
"""
実行結果
成果物
以上。