Google Chart で Imp と Click のグラフとかをうまいこと書く
たとえば広告システムがあるとして、Impression 数と Click 数をそれぞれ数字としてもってたとして、普通に Google Chart でグラフを書くと以下のようになります。click 数が imp 数にくらべて非常にちいさいので、このグラフは役にたちません。
が、Google Chart では targetAxisIndex というのがあるので、これをもちいて以下のように指定すれば OK でした。
options = { series: { 1: {targetAxisIndex: 1} } };
あたらしいグラフは以下のようになります。2012-10-16 が Imp のわりにすげー click 数のびててなにこれ!! っていうのがわかります。
以上のグラフは以下のようなコードで描画することができます。
<html> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Date', 'Imp', 'click'], ['2012-10-14', 10000000, 400], ['2012-10-15', 11700000, 460], ['2012-10-16', 6600000, 1120], ['2012-10-17', 10300000, 540] ]); var options = { title: 'Ads' }; var chart = new google.visualization.LineChart(document.getElementById('chart_div1')); chart.draw(data, options); var chart2 = new google.visualization.LineChart(document.getElementById('chart_div2')); options.series = { 1: {targetAxisIndex: 1} }; chart2.draw(data, options); } </script> </head> <body> <div id="chart_div1" style="width: 900px; height: 500px;"></div> <div id="chart_div2" style="width: 900px; height: 500px;"></div> </body> </html>
さて本題ですが、こういうタイプの複合グラフを描画する機能が hrforecast にあったら便利だとおもうんですがいかがでしょうか? > id:kazeburo さん