标签: google-visualization

我有几个使用Google Charts API实例化各种图表的函数.

当我在没有jQuery $(document).ready方法的情况下调用它们时,一切正常.但是用这种方法,我看着空白屏幕.

为什么？

<script type="text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js" charset="utf-8"></script>
<script type="text/javascript" src = "http://www.google.com/jsapi" charset="utf-8"></script>
function drawColumnChart1(){..some code..}
function drawColumnChart2(){..some code..}
function drawGeoChart(){.some code..}

//This works fine.
google.load("visualization", "1", {packages:["piechart", "corechart", "geomap"]});
google.setOnLoadCallback(window.drawColumnChart1);
google.setOnLoadCallback(window.drawColumnChart2);
google.setOnLoadCallback(window.drawGeoChart);



//This doesn't work
$(document).ready(function(){
    google.load("visualization", "1", {packages:["piechart", "corechart", "geomap"]});
    google.setOnLoadCallback(window.drawColumnChart1);
    google.setOnLoadCallback(window.drawColumnChart2);
    google.setOnLoadCallback(window.drawGeoChart);
});

更新 以下是我在Firebug中遇到的错误:

uncaught exception: [Exception... "Could not convert JavaScript argument"  nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)"  location: "JS frame :: http://www.google.com/jsapi :: Q :: line 20"  data: no]
http://www.google.com/jsapi
Line 22

Google Chart API可以免费使用吗？如果是这样,我在哪里可以找到它的文档？

我在我的应用程序中使用Twitter的引导程序,并希望显示图形和图表.我尝试使用谷歌图表,我已经放在div容器中.但是这些图表没有响应.我想知道是否有任何其他框架用于显示响应和使用bootstrap的图表.

即使现在可以显示响应式图表吗？

http://code.google.com/apis/chart/

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">

  // Load the Visualization API and the piechart package.
  google.load('visualization', '1', {'packages':['corechart']});

  // Set a callback to run when the Google Visualization API is loaded.
  google.setOnLoadCallback(drawChart);

  // Callback that creates and populates a data table, 
  // instantiates the pie chart, passes in the data and
  // draws it.
  function drawChart() {

  // Create our data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'date');
  data.addColumn('number', 'Views');
  data.addColumn('number', 'People');
  data.addRows([
    <?php echo $analytics; ?>
  ]);
  // …

我正在使用Google Chart JS Api的柱形图.我正在显示一些只能表示为整数的值(按天计的总订单数).

一切都很好,除了当我正在显示的其中一个图表的值太低,如1或2时,它开始在y轴上显示小数.小数点看起来很傻b/c它不可能有一半的订单(这是我正在计算的),如果可能的话我想隐藏它.

我正在使用谷歌图表工具,特别是饼图.

当然,如果某个项的值为0,则它​​不会显示在饼图中(因为它占据饼图的0%).但是,它也不会在图例中显示.

如何操作初始化选项仍然在图例中显示0值项,以便用户可以看到该项存在,它只有0值？

如何在Google柱形图中添加目标行,如下所示.

有一个我无法解决的问题,我一直在互联网上看很多,但一无所获.

我有这个用于通过PHP执行Ajax请求的JavaScript.请求完成后,它会调用一个使用Google Visualization API绘制带注释时间线来呈现数据的函数.

这个脚本在没有AJAX的情况下工作得很好,如果我做内联的一切都很好,但是当我尝试用AJAX做它时它不起作用!

我得到的错误是在"数据"DataTable的声明中,在我获得的Google Chrome开发者工具中Uncaught TypeError: Cannot read property 'DataTable' of undefined.

当脚本出现错误时,页面上的所有内容都会被清除,它只显示一个空白页面.

所以我不知道如何让它发挥作用.

$(document).ready(function(){               
    // Get TIER1Tickets                 
    $("#divTendency").addClass("loading");

    $.ajax({
        type: "POST",
        url: "getTIER1Tickets.php",
        data: "",
        success: function(html){
            // Succesful, load visualization API and send data      
            google.load('visualization', '1', {'packages': ['annotatedtimeline']}); 
            google.setOnLoadCallback(drawData(html));                                                   
        }
    });     
});


function drawData(response){            
    $("#divTendency").removeClass("loading");

    // Data comes from PHP like: <CSV ticket count for each day>*<CSV dates for ticket counts>*<total number of days counted>
    // So it has to be split first by …

从googleVis包中读取插图:"使用googleVis包,用户可以使用基于R数据帧的交互式图表轻松创建网页,并通过R.rsp包或在他们自己的网站中显示它们".按照说明我可以使用gvis对象的绘图方法查看示例图表.默认情况下,此方法使用对象的类型和图表ID信息在googleVis包的rsp/myAnalysis文件夹中创建一个rsp文件,并使用R.rsp包的本地Web服务器显示输出(默认为端口8074) ).

有人可以帮助我(或提供一些链接)有关必须遵循的程序,以便将这些图表嵌入到现有的网站(例如joomla网站)中吗？

考虑绘制一个柱形图,我没有从数据源获取任何数据,我们如何绘制一个空图表,而不是显示一条红色的默认消息,说"表没有列"？