标签: google-visualization

正如您所看到的,我尝试设置font-family,并且我已经按照文档中提到的各种方式尝试了它:http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html

但在ie7-8(vml版本)中显示错误的字体.这可能是一个vml问题,而不是谷歌问题,但我没有想法.谢谢大家!

    // Load the Visualization API and the piechart package.
    google.load('visualization', '1.0', {'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 the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Vote');
    data.addColumn('number', 'Votes');
    data.addRows([
    ['BLAH', blah],
    ['AHH', ahh]
    ]);

    // Set chart options …

我在Google DataTable中有这些数据:

project1 | system1 | 5
project2 | system2 | 2
project1 | system1 | 5
project3 | system4 | 1

我需要合并具有相同项目和系统的行.结果将是:

project1 | system1 | 10
project2 | system2 | 2
project3 | system4 | 1

数字必须是各列中值的总和.

在DataTable中是否有一个构建方法来实现这一点,或者有人可以给我一个提示如何做到这一点,而不需要通过表格进行典型的迭代并在每一行上进行比较.

我们正在为我们的网站实施地理图表热图,但他们在显示英国地区方面有局限性,他们只能列出4个地区,英格兰,苏格兰,威尔士和北爱尔兰,而且不多于此.任何人都可以帮助我知道我们是否可以列出英国的所有地区,以及我们是否可以显示英国的这些地区的城市,县以及普雷斯顿等.

我们还可以传递3个以上的参数来显示鼠标悬停的更多数据.

<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
     google.load('visualization', '1', {'packages': ['geochart']});

     var chart; 
     var data;
     var options;   

     google.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {
        data = google.visualization.arrayToDataTable([

          ['Region', 'Popularity', 'Total Votes'],


          ['England', 8, 6],
          ['Scotland', 8, 6],
          ['Wales ', 9, 7],
          ['Northern Ireland', 2, 5],

          ['United Kingdom', 2, 4]

        ]);

        var maxV = 5;  // to ensure scale is equal on both ends.
        var minV = maxV*-1;

        options =   { 
        colorAxis: {colors: ['blue', 'white', 'red'], minValue: minV, maxValue: maxV},
            };

        chart = new …

我有一个PHP脚本,生成谷歌图表数据,并以json编码格式返回.它使用jQuery $ .get()方法加载到谷歌图表中.当我将返回数据传递给google" arrayToDataTable "函数时,如下所示:

var googleChartData = google.visualization.arrayToDataTable(chartData);

我收到此错误:

所以,我做的是我转储了我的变量" chartData " 的值,我得到了以下内容:

所以,我做的是,将这些数据从控制台窗口手动复制到" arrayToDataTable "函数中,如下所示:

var googleChartData = google.visualization.arrayToDataTable([["Date Range","0001\/102\/0 Available","0001\/102\/0 Unavailable","0001\/102\/1 Available","0001\/102\/1 Unavailable"],["02\/10\/2013",0,1,110,11],["03\/10\/2013",0,1,189,11],["04\/10\/2013",0,1,189,11],["06\/10\/2013",0,1,189,10],["07\/10\/2013",0,1,187,10],["08\/10\/2013",186,11,0,1],["09\/10\/2013",186,11,0,1],["10\/10\/2013",0,1,186,11],["11\/10\/2013",0,1,204,11],["13\/10\/2013",0,1,204,11]]);

现在图表呈现(正如预期的那样,因为我的php脚本返回的数据是正确的):

这有点奇怪; 有没有人知道为什么图表从变量加载时不起作用？

我尝试将Google图表加载到模式中,但没有显示任何内容.我试过jsapi在index.html文件中加载仍然没有运气.还试图drawChart();在索引页面中调用该函数.仍然没有运气.

这是我的模拟

的index.html

<a data-toggle="modal" href="remote/modal.html" data-target=".modal" class="btn btn-sm btn-danger">Click Me!</a>

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
        </div>
    </div>
</div>

modal.html

<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 = new google.visualization.DataTable();
        data.addColumn('string', 'Month');
        data.addColumn('number', 'KPI 1');
        data.addColumn('number', 'KPI 1 Target');
        data.addColumn({type:'boolean',role:'certainty'});
        data.addColumn('number', 'KPI 2');
        data.addColumn('number', 'KPI 2 Target');
        data.addColumn({type:'boolean',role:'certainty'});
        data.addColumn('number', 'KPI 3 WR');
        data.addColumn('number', 'KPI 3 WR Target');
        data.addColumn({type:'boolean',role:'certainty'});
        data.addColumn('number', 'KPI 4 CA'); …

使用Google 堆叠的柱状图/条形图，可以这样显示每个组上的值：

我尝试使用批注，但是如果我没记错的话，它只允许我们批注整个列，例如在此代码中打开http://codepen.io/anon/pen/xLIuB

...
var data = google.visualization.arrayToDataTable([
    ['API Category', 'Social', 'Music', 'File Sharing', 'Storage',
     'Weather', { role: 'annotation' } ],
    ['2011', 98, 53, 12, 16, 6, '15'],
    ['2012', 151, 34, 26, 36, 49, '14'],
    ['2013', 69, 27, 22, 17, 15, '14'],
]);
...

泰

我想创建一个具有特定州区域的地理地图,以及按值的强度着色的各个都市区域.我查看了文档,但未能实现此目的.以下是我的目标示例.

有没有人知道用什么选项来显示例如CA状态,然后用邮政编码标记区域.

我在Google Developer网站上看到了该文档，他们向我展示了如何格式化hAxis标签，但仅格式化数字格式的标签。我不知道如何格式化使用日期格式的标签。这是我的图表：

我想将日期格式设置Dec 7, 2015为7 Dec。

我有一个使用Google的Chart API 的柱形图,除了Y轴(vAxis)之外,一切都很棒.图表本身处理的美元价值可能在几千到十亿之间,具体取决于数据视图.hAxis有一个漂亮的'short'格式,让谷歌图表API为你做了所有繁琐的缩写(5000到5K,60,000,000到6M等),但我们希望用一个美元符号作为前缀.我知道还有一个内置'currency'格式,你可以提供自己的自定义格式,但我找不到一种方法来使这些中的任何一种行为方式'short'.

...

// set chart options
var options = {
    chartArea: { top: 70, left: 75, width: 675, height: 300 },
    isStacked: true,
    vAxis: { format: 'short', gridlines: {count: 6}, textStyle: {fontSize: 12} },
    hAxis: { textStyle: {fontSize: 12} },
    legend: { position: 'top', maxLines: 3 }
};

// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.ColumnChart($('colchart'));
chart.draw(data, options);
... …

我想通过使用默认工具提示向我的图表添加自定义工具提示,例如只需向其添加一些文本.

这甚至是可能的,还是我必须用html自己创建它？

data= google.visualization.arrayToDataTable([
        ["Element", "Duration ", { role: "style" }, { role: 'tooltip' }],
        ["Count", 23515, "orange", ???],
      ]);   

它是怎么回事(默认工具提示):

我多么想要:

将持续时间附加为可读时间,但仍保留默认工具提示