Question

我可以知道这是什么问题吗？我无法从oocharts文件中显示任何内容。我已经设置了API密钥并从Google Analytic获取了个人资料ID，但似乎也没有显示出来。是否有我需要添加的内容？

<div data-oochart="bar" data-oochart-start-date="30d" data-oochart-metrics="ga:visits,Visits,ga:newVisits,New Visits" data-oochart-dimension="ga:continent" data-oochart-profile="{{PROFILE ID}}"></div>

    <script src="../oocharts.js"></script>
    <script type="text/javascript">

        window.onload = function(){

            oo.setAPIKey("{{API KEY}}");

            oo.load(function(){

                var bar = new oo.Bar("{{PROFILE ID}}", "30d");

                bar.addMetric("ga:visits", "Visits");

                bar.addMetric("ga:newVisits", "New Visits");

                bar.setDimension("ga:continent");

                bar.draw('chart');

            });
        };

    </script>

Answer 1

你现在正试图绘制两张图表。 OOcharts有一个HTML属性API和一个JS API。 top div使用HTML API，而JS代码使用JS API。要只使用HTML属性API，您可以尝试：

<div data-oochart="bar" data-oochart-start-date="30d" data-oochart-metrics="ga:visits,Visits,ga:newVisits,New Visits" data-oochart-dimension="ga:continent" data-oochart-profile="{{PROFILE ID}}"></div>

<script src="../oocharts.js"></script>
<script type="text/javascript">

    window.onload = function(){

        oo.setAPIKey("{{API KEY}}");

        oo.load();
    };

</script>

您正在用您自己的信息替换{{PROFILE_ID}}和{{API_KEY}}，对吗？完成此操作后，打开Web控制台并确保将传出请求发送到OOcharts API。

Answer 2

确保：在oo.setAPIKey函数中，您可以使用Oocharts Mission Control提供的API密钥。在oo.Bar，你只使用你的个人资料ID号码，而不是ga：然后是号码。当然，在bar.draw（＆＃39; chart＆＃39;）中，您可以替换＆＃39; chart＆＃39;与＆＃39; bar＆＃39;。

希望这会阻止某人（像我一样）把头撞到墙上;）......

通过谷歌分析使用oocharts插入我的网页

2 个答案: