标签: google-visualization
谷歌BarChart设置宽度的条形码？
我正在使用Google的javascript可视化库生成一个BarChart.我想使图表中的条形图比现在更宽,但我在文档中找不到任何显示如何配置每个数据集的条形宽度的内容.
有帮助吗？
推荐指数
解决办法
查看次数
从Google Visualization饼图(核心图表)中删除悬停工具提示
如何从Google Visualization饼图(核心图表)中删除悬停工具提示？需要使其跨浏览器工作,例如IE,FF,Chrome,Safari,Opera
编辑:我需要切片也可以点击.
enableInteractivity : false删除悬停但不会抛出'select'或其他基于交互的事件.
推荐指数
解决办法
查看次数
我可以自定义Google Geochart图表中的工具提示文字吗？
以下是我正在使用的代码,基于我在Google的文档中找到的方式,但我不确定它是否适用于Geochart,如果我做得对,或者还有其他方法可以做它适用于Geochart.
如果我不包含工具提示列,此代码可以正常工作.当我这样做时,我得到错误"不兼容的数据表:错误:表包含比预期更多的列(期望2列),"显示Geochart应该在哪里.
这个问题解决了同样的问题,但并不是专门针对Geochart的.
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load( 'visualization', '1', { 'packages': ['geochart'] } );
google.setOnLoadCallback( drawRegionsMap );
function drawRegionsMap()
{
var data = google.visualization.arrayToDataTable([
[ 'State', 'Relevance', {type: 'string', role: 'tooltip'} ],
[ 'Alabama', 3, 'tooltip test text' ],
[ 'Arizona', 1, 'tooltip test text' ],
]);
var options =
{
region: 'US',
resolution: 'provinces',
};
var chart = new google.visualization.GeoChart( document.getElementById( 'chart_div' ) );
chart.draw( data, options );
};
</script>
推荐指数
解决办法
查看次数
两个数据集的堆积柱形图 - Google Charts
我正在制作一些谷歌图表,我被困在这里.Google允许您将列堆叠起来.但它有限或我无法配置它工作.以谷歌为例,这里有一个例子,显示了两个国家每年生产的咖啡杯数量:
假设我有两个国家的另一个数据集,但这次我有速溶咖啡而不是地面.例:
我想做的是将这两个数据集叠加在一起.所以每个专栏都是一个国家,但有两个部门:豆类和速溶咖啡.
我在想是否有一种方法可以通过以下方式格式化数据表:
['Year', 'Austria', 'Austria (instant)', 'Bulgaria', 'Bulgaria (instant')],
['2003', 1736060, 10051, 250361, 68564],
['2004', 1338156, 65161, 786849, 1854654],
['2005', 1276579, 65451, 120514, 654654]
生成类似的东西
非常感谢您的帮助.
推荐指数
解决办法
查看次数
我的Google饼图中错误对齐的标签/切片文字
我Google Charts用来显示一些关于电子邮件打开和点击的数据,如Pie Charts.我有饼图显示正确的数据,但我在饼图上的标签有问题.
我不确定为什么,但它是错误对齐的 - 它决定了标签不应该像往常一样位于切片的中间(左图).
有趣的是,即使大部分时间我都看到它未对齐,我已经注意到文本对于顶部切片正确地对齐了几次(主要是当我刚刚对代码进行了更改)但是后来又回到了刷新后位于切片的边缘(右图).
有没有人知道如何使这些定位正确或如果有什么我正在做的那就是淘汰定位？
function drawPieChartOpens()
{
var data = new google.visualization.arrayToDataTable([
['Opens','Count'],
['Opens',3988],
['Non Opens',21145]
]);
var options = {
'width':200,
'height':300,
'legend':'none',
colors: ['#00933B','#DDDDDD'],
slices: {0: {offset: 0.2}},
'chartArea':{width:'100%'}
};
var chart = new google.visualization.PieChart(document.getElementById('opens-2782714'));
chart.draw(data, options);
}
google.setOnLoadCallback(drawPieChartOpens);
推荐指数
解决办法
查看次数
在谷歌图表中设置x轴范围
我尝试使用谷歌图表示例创建条形图
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Mushrooms', 5],
['Onions', 4],
['Olives', 3]
['Zucchini', 2],
['Pepperoni', 1]
]);
图表已成功创建,但在X轴上它显示从0到6的值.当我将所有值传递为0时,它显示X轴从-1到+1.
是否可以将X轴设置为始终从0%到100%.
推荐指数
解决办法
查看次数
Google图表会更改haxis字体大小
有谁知道改变这些日期的字体大小的方法？我想让它们变得更小,所以它们都适合而不是每次都跳过一个......
推荐指数
解决办法
查看次数
使用传递给google.setOnLoadCallback()的函数中的参数;
我正在尝试使用Google Visualization API来显示从MySQL服务器收集的数据.我想使用PHP获取数据,然后将其传递给javascript函数调用以创建图表.当我这样做时,我在将参数传递给传递给google.setOnLoadCallback();的函数时遇到问题.我对网络编程很新,所以请耐心等待.工作代码(几乎来自他们的文档)看起来像这样:
<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 = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
data.addRows(4);
data.setValue(0, 0, '2004');
data.setValue(0, 1, 1000);
data.setValue(1, 0, '2005');
data.setValue(1, 1, 1170);
data.setValue(2, 0, '2006');
data.setValue(2, 1, 660);
data.setValue(3, 0, '2007');
data.setValue(3, 1, 1000);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, {width: 400, height: 240, title: 'Company Performance',
hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
});
}
</script>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>
我试图首先看看我是否可以在drawChart()函数之外设置数据并将其作为参数传递,如下所示: …
推荐指数
解决办法
查看次数
Google图表 - 避免在yAxis中显示负值
我有以下代码:
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['Year', 'People'],
['2010',0]
]);
// Create and draw the visualization.
new google.visualization.ColumnChart(document.getElementById('visualization')).
draw(data,
{title:"Yearly Coffee Consumption by Country",
width:600, height:400,
hAxis: {title: "Year"},
backgroundColor: 'none'
}
);
}
这给了我以下图表 
如何避免在yAxis中显示负值？我试过添加
vAxis: {minValue:0}没有任何运气.
这些图表有一个游乐场/沙箱:Google Charts Playground
推荐指数
解决办法
查看次数
谷歌图表:线图+积分？
我有线图显示价值随时间的变化.它有效,但我认为如果我能在悬停时添加显示工具提示的点数会很棒.像这样的东西:
但我不能直接在其中一个点上使用工具提示.
var data = google.visualization.arrayToDataTable([
['time', 'value'],
['12:00', 1],
['13:00', 5],
['14:00', 8],
['15:00', 12],
['16:00', 11],
['17:00', 15],
]);
new google.visualization.LineChart(document.getElementById('visualization')).
draw(data, {});
推荐指数
解决办法
查看次数