标签: google-visualization
Google图表Y轴未按比例显示图表栏
我第一次玩谷歌排行榜.我创建了一个可以查看的图表
https://chart.googleapis.com/chart?cht=bvg&chxr=0,0,20&chxt=y&chbh=50&chm=N,000000,0,-1,11&chd=t:0.4356,0.3562,0.4834,0.575,0.673,0.6091&chs=500x120&chco=FF3300|0000FF&chd=t:5,15&chl=freightmax|stols
然而,图表显示Y图表轴的比例,条形图本身与下图不成比例:
如果您看到Stols条的值是15是正确的,但是根据y轴,该值大约为3或4.
任何想法我怎么能纠正这个？
提前谢谢,瑞安史密斯
推荐指数
解决办法
查看次数
将html添加到谷歌图表工具提示
我正在使用谷歌图表API.
javascript代码:
var data = new google.visualization.DataTable();
data.addColumn('number', 'buy');
data.addColumn('number', 'sell');
data.addColumn({type:'string', role:'tooltip'});
data.addRows( ... my data here ...
[[ 10 ,12 , "I'm very long long message in tooltip" ] [ ... and more data.
图表上的工具提示在1行中显示"我在工具提示中的长信息".
如何让工具提示宽度为50px ......或者在里面
？
推荐指数
解决办法
查看次数
如何在谷歌图表表格中动态数据
我在谷歌图表中使用该表.表中的所有数据都是正确对齐的.我需要将文本对齐在中心.我正在动态构建表,所以我不能应用set cell方法:
data.setCell(1, 1, 25000, '$25,000', {'className': 'bold-font center-text'});
我想在不应用25000和$ 25000值的情况下应用类名.类似于:
data.setCell(1,1,'','',{'className':'bold-font center-text'});
我也不想将它仅应用于第一个单元格而是整个表格.
总之,如何将表格中的所有文本居中？
推荐指数
解决办法
查看次数
如何在Google Charts中设置垂直比例
我创建了一个Google Chart折线图.底部有数据点没有显示,因为上面的点很大.
这是我的可视化功能:
function drawVisualization() {
var data = google.visualization.arrayToDataTable(#table#);
var ac = new google.visualization.LineChart(document.getElementById('visualization'));
ac.draw(data, {
title : 'Billing Trend for this Month: #date#',
isStacked: true,
width: 1200,
height: 1000,
vAxis: {title: "Amount"},
hAxis: {title: "Date"}
});
}
我查看了参数列表,但找不到合适的设置.
我希望较低的数据点是可辨别的.
试图做到这一点有没有运气？
谢谢
推荐指数
解决办法
查看次数
Google Chart ChartWrapper图表包装器参数选项字段文档
我是谷歌排行榜的新手.我正在使用ChartWrapper绘制我的图表,并在创建如下图表时将图表包装器参数传递给构造函数:
var chartWrapperArgs = {
chartType: "LineChart",
dataTable: dataTable,
options: { // <<<< where to find a documentations about this property ?
"width": 900,
"height": 800,
"is3D": true,
"title": "??????? ?? ??????? ",
"isStacked": "false",
// "fill": 20,
"displayExactValues": false,
"vAxis": {
"title": "???????"
},
"hAxis": {
"title": "?????"
}
},
containerId: containerId
};
var chartWrapper = new google.visualization.ChartWrapper(chartWrapperArgs);
我的问题是在哪里获取有关"选项"参数的文档？我可以选择哪个选项来"选项"？
我在这里查看了Google文档, 但是他们只描述了什么选项,给出了简单的例子.但是我发现在那些和其他一些代码示例中使用了其他参数!
推荐指数
解决办法
查看次数
向图表添加噪音(Google chart api)
我必须使用Google的折线图在折线图中显示大约20行.可能会发生这些线重叠的情况.向数据添加噪声的最佳方法是什么,以便所有线条都可见.
价值为cat1,cat2并且cat3是相同的,但我希望从图像中可以看出它们非常接近 - 所以我的想法是线条不应该重叠而是要分开.用户不能假设所有值都重叠,因为对于某些事件,假设D,值可能会丢失.
推荐指数
解决办法
查看次数
Google图表未捕获错误:不是数组
我得到Uncaught错误不是数组.这是我的.html文件
<html>
<head>
<!-- Load jQuery -->
<script language="javascript" type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
</script>
<!-- Load Google JSAPI -->
<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 jsonData = $.ajax({
url: "json.php",
dataType: "json",
async: false
}).responseText;
var data = google.visualization.arrayToDataTable($parse.jsonData(jsonData));
var chart = new google.visualization.LineChart(
document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;">
</div>
</body>
</html>
这是我的json file.php
include("dbconfig.inc.php");
$main= array();
$rows=array();
$cols=array();
$main['cols']=array(
array('label' => 'id', 'type' …推荐指数
解决办法
查看次数
如果未指定高度,则防止Google时间轴图表的高度为200px
google.load("visualization", "1", {
packages: ["timeline"]
});
google.setOnLoadCallback(drawChart);
function drawChart() {
var container = document.getElementById('timeline');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({
type: 'string',
id: 'JobType'
});
dataTable.addColumn({
type: 'string',
id: 'WorkType'
});
dataTable.addColumn({
type: 'date',
id: 'Start'
});
dataTable.addColumn({
type: 'date',
id: 'End'
});
dataTable.addRows([
['Excavation', 'Compaction', new Date(2015, 1, 1), new Date(2015, 1, 4)],
['Excavation', 'Step Push', new Date(2015, 1, 1), new Date(2015, 1, 2)],
['Excavation', 'Clean Road', new Date(2015, 1, 4), new Date(2015, 1, …推荐指数
解决办法
查看次数
Google图表:hAxis中包含动态月份名称的折线图
我正在尝试使用以下类型的数据点构建折线图.每个数据点都包含以下数据:
- 日期
- 价值1
- 价值2
这一点的一个例子是:(2015-01-15,'Value 1','Value 2')
我能够将这些数据带入具有两条独立线的折线图,一条用于值1,一条用于值2.
现在的问题是hAxis.我想让显示的数据具有动态的月份名称.如果我显示2015年1月到2015年3月的数据,我希望hAxis有3个部分:1月,2月,3月.
我尝试了以下方法:
hAxis: {
format: 'MM'
}
这基本上是有效的,但它现在只用04,07和10将我的图形分为3个部分.我怎么能解决每个月,也存在于数据中,在hAxis中有月份名称('March'而不是'03').
这是问题的编码:http://codepen.io/anon/pen/XmXQEO 你怎么看,hAxis显示04,07,10而不是1月,2月,3月,4月,5月,6月,7月,八月,九月,十月,十一月,十二月.
编辑:Vadim Gremyachev提供了标签格式问题的解决方案,我必须使用'MMMM'来获得完整的月份名称.现在缺少的是使用所有月份,而不仅仅是3个月.
谢谢!
推荐指数
解决办法
查看次数
谷歌图表vAxis打勾多种颜色
我使用了颜色
vAxis: {
title: 'Rating (scale of 1-10)'
, ticks: [{
v: 8.5
, f: 'A'
}, {
v: 4.5
, f: 'B'
}, {
v: 2
, f: 'C'
}]
, gridlines: {
color: "#00FF00"
}
}
如何在网格线中放置多种颜色，我需要a，b和c不同的颜色，
提前致谢
推荐指数
解决办法
查看次数