2011-07-18 25 views
1

私は自分のウェブサイトにGoogleアナリティクスを使用しています。 私はGoogle Analyticsがウェブサイトでそれを使用するために埋め込まれたグラフを提供しているとは思わない。 私はこれを達成するために、視覚化APIからGoogleアナリティクスとグラフのデータを使用することに決めました。私はAPIを生成しているサードパーティのグラフ(Googleを除く)を使用したくないです、私はこれに慣れていて、進める方法を打ちました。Google AnalyticsのグラフをGoogleビジュアライゼーションAPIを使用して表示する方法

<script type="text/javascript"> 
    var queryString = ''; 
    var dataUrl = ''; 

    function onLoadCallback() { 
    if (dataUrl.length > 0) { 
     var query = new google.visualization.Query(dataUrl); 
     query.setQuery(queryString); 
     query.send(handleQueryResponse); 
    } else { 
     var dataTable = new google.visualization.DataTable(); 
     dataTable.addRows(8); 

     dataTable.addColumn('number'); 
     dataTable.setValue(0, 0, 37.704918032786885); 
     dataTable.setValue(1, 0, 54.09836065573771); 
     dataTable.setValue(2, 0, 55.73770491803279); 
     dataTable.setValue(3, 0, 75.40983606557377); 
     dataTable.setValue(4, 0, 52.459016393442624); 
     dataTable.setValue(5, 0, 73.77049180327869); 
     dataTable.setValue(6, 0, 68.85245901639344); 
     dataTable.setValue(7, 0, 55.73770491803279); 

     draw(dataTable); 
    } 
    } 

    function draw(dataTable) { 
    var vis = new google.visualization.ImageChart(document.getElementById('chart')); 
    var options = { 
     chxl: '', 
     chxp: '', 
     chxr: '0,0,46', 
     chxs: '', 
     chxtc: '', 
     chxt: 'y', 
     chs: '300x225', 
     cht: 'lc', 
     chco: '3D7930', 
     chd: 's:Xhiugtqi', 
     chdl: '', 
     chg: '14.3,-1,1,1', 
     chls: '2,4,0', 
     chm: 'B,C5D4B5BB,0,0,0' 
    }; 
    vis.draw(dataTable, options); 
    } 

    function handleQueryResponse(response) { 
    if (response.isError()) { 
     alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage()); 
     return; 
    } 
    draw(response.getDataTable()); 
    } 

    google.load("visualization", "1", {packages:["imagechart"]}); 
    google.setOnLoadCallback(onLoadCallback); 

</script> 
+0

私はあなたがサードパーティ製のツールを使用したくなかった述べて知っています。しかし、このスレッドに遭遇し、サードパーティのソリューションに反対している人にとっては、http://www.embeddedanalytics.comをチェックしてください。これはあなたが求めているものを正確に達成する「プログラミング不要」サービスです。 –

答えて

関連する問題