标签: google-visualization
带切片器的 Google 图表返回：一名或多名参与者未能绘制()×
我对Google Charts 的 DateRangeFilter有点迷失。绘制仪表板后，我收到错误消息“一个或多个参与者未能绘制（）\xc3\x97”。我不太确定为什么会发生这种情况，但我的预感是这是由于 Date 对象造成的。jsonHRData 日期行类似于“日期 {Sat Feb 15 2014 15:17:33 GMT+0100 (CET)}”。最初，我的 JSON 返回 ISO 格式的日期，我使用这种方法将其转换为 JavaScript 日期格式。
\n\n请注意，绘制的是切片器本身，而不是 ColumnChart 本身。每次我切片时，错误消息都会重复出现。
\n\nfunction drawDashboard() {\n var jsonHRData = $.ajax({\n url: "heartrate.json",\n dataType:"json",\n async: false,\n converters: {\n "text json": function (data) {\n return $.parseJSON(data, true);\n }\n },\n success: function (data) {\n console.log(data);\n }\n }).responseJSON;\n\n // Create a dashboard.\n var dashboard = new google.visualization.Dashboard(document.getElementById(\'dashboard_div\'));\n\n // Create a range slider, passing some options\n var dateRangeSlider = new …推荐指数
解决办法
查看次数
Google 图表 - 更改“更多”链接的颜色
我制作了几个图表（饼图和条形图），由于空间限制，它们需要重新调整大小，这导致为图例部分添加了“1/2 \xe2\x96\xbc”。
\n\n我在这里添加了我的代码：http://codepen.io/qtx/pen/EtHvi \n如果我的问题没有正确显示，这里是我的网站https://i.stack.imgur 的屏幕截图。 com/C45fQ.png，在我想要更改的内容周围画一个圆圈。\n（如果我超过 8 列，它也会显示在条形图中，如上面的示例所示）
\n\n
所以我的问题是，有什么方法可以改变该文本/链接的颜色吗？我似乎无法在网上或 api 文档中找到任何内容。
\n\n任何帮助将不胜感激。
\n\n <script type="text/javascript">\n\n // Load the Visualization API and the piechart package.\n google.load(\'visualization\', \'1.0\', {\'packages\':[\'corechart\']});\n\n // Set a callback to run when the Google Visualization API is loaded.\n google.setOnLoadCallback(drawChart);\n\n // Callback that creates and populates a data table,\n // instantiates the pie chart, passes in the data and\n // draws it.\n function drawChart() {\n\n // Create the data table.\n var data = …推荐指数
解决办法
查看次数
如何在谷歌图表中显示大值的小值？
你可以在这个小提琴中看到
在 2004 年，我的值为 1000，而在其他年份，我的值很大，因此图表似乎无法呈现比例尺，我该怎么做才能显示这些值。我正在读这个。有没有办法在谷歌图表中做类似的事情？
这是代码
<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 = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2004', 1000, 1000],
['2005', 1170000, 460000],
['2006', 660000, 1120000],
['2007', 1030000, 540000]
]);
var options = {
title: 'Company Performance',
hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
图表
推荐指数
解决办法
查看次数
Google 可视化数据表 filterRows
我在这个小提琴中有一个示例谷歌可视化数据表，我可以在其中过滤数据表的行，
var rows= data.getFilteredRows([{column: 2, value: 'Mountain View' }]);
console.log(rows);
这将返回包含确切值的行索引Mountain View。但是是否可以过滤其值包含一些字符串的行，le如
var rows2= data.getFilteredRows([{column: 2, value: 'le' }]);
console.log(rows2);
它可以返回行索引1和7。
推荐指数
解决办法
查看次数
从哪里可以获得 Google Charts 使用的所有颜色模式的列表？
问题很简单，默认情况下，Google Charts 对图表上的因素使用一些预定义的颜色。前四个是：
- 蓝色 #3366CC
- 红色 #DC3912
- 黄色 #FF9900
- 绿色 #109618
美好的。当您的图表必须在图表上显示更多因素时，则需要：
- 紫色 #990099
- 海蓝#0099C6
- 淡粉色#DD4477
以上名字是我自己给的，所以它们不是官方的，但颜色值是。重点是接下来是什么颜色？下一个颜色的列表是无限的吗？
有人可以指出我在哪里可以找到所有这些的来源吗？我翻遍了整个手册，什么也没找到。我可以在小提琴中渲染一堆因素，但我觉得它不会涵盖所有可能的颜色。
感谢您的帮助。
我想要获得这些颜色值的原因是我想与 Google Charts 并行使用C3js/D3js并保持一致性，我必须为 D3 提供预定义颜色列表，例如：
var chart = c3.generate({
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25],
['data3', 130, 220, 140, 200, 250, 450],
['data4', 250, 320, 210, 240, 215, 225],
['data5', 430, 500, 400, 280, 290, 350],
['data6', 100, 120, 310, …推荐指数
解决办法
查看次数
如何在 Google Charts 圆环图中显示所有标签
我正在使用 Google Charts（甜甜圈类型）在我们的应用程序上显示数据。我注意到当标签不适合馅饼切片时，它不会显示。我一直在检查互联网和他们的文档，但我找不到一种方法来操纵标签来包装文本或一直显示。
不显示下面黄色切片的标签。
推荐指数
解决办法
查看次数
JS - 如何在 Google Graphs (slantedText) 上旋转标签 (hAxis)？
我一直试图简单地在下图上旋转我的 hAxis 很长时间了。尝试了以下解释的几种解决方案！不敢相信这么简单的事情似乎很难做到。源代码如下：
<html>
<title>VM Allocation Performance</title>
<meta http-equiv="refresh" content="30">
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["bar"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['09/12/2015 10:00:00',3.52],['09/12/2015 10:30:00',7.56],['09/12/2015 11:00:00',8.99],['09/12/2015 11:30:00',4.93],['09/12/2015 12:00:00',10.26],['09/12/2015 12:30:00',9.82],['09/12/2015 13:00:00',12.62],['09/12/2015 13:30:00',9.07],['09/12/2015 14:00:00',4.94],['09/12/2015 14:30:00',8.98],['09/12/2015 15:00:00',7.85],['09/12/2015 15:30:00',3.59],['09/12/2015 16:00:00',5.64]],true);
var options = {
chart: {
title: 'VM Allocation',
subtitle: 'Since Shift Start',
}
//I tried with slantedText: true here but while my graph was rendering, labels were not rotated!
};
var chart = new google.charts.Bar(document.getElementById('chart_div'));
chart.draw(data, google.charts.Bar.convertOptions(options));
} …推荐指数
解决办法
查看次数
注释颜色仅在文本位于 Google 条形图之外时显示
我有一个谷歌条形图，我正在设置字体大小和颜色，但是颜色仅适用于文本位于条形图之外的情况。如何强制应用颜色？
annotations: {
textStyle: {
fontSize: 18,
color:'#000000'
}
}
推荐指数
解决办法
查看次数
谷歌图表中的工具提示数字格式
如何在谷歌图表的工具提示中格式化数字？我尝试在数据表中应用"none"格式，并"####"在 google 图表选项中的 h 轴上应用格式，但仍然可以在工具提示中看到 2,012。
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
[
{label: "year", type: "number", format: "none"},
{label: "performance", type: "number", format: "none"},
],
["2009", 10],
["2010", 15],
["2011", 3],
["2012", 5]
]);
var options = {
title: 'Company Performance',
hAxis: {title: 'Year', titleTextStyle: {color: '#333'}, format: "####"},
vAxis: {minValue: 0}
};
var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
JSFiddle 可以在这里找到：https ://jsfiddle.net/ux37j0dk/3/
推荐指数
解决办法
查看次数
Google Chart vAxis 值未显示
我正在处理各种图表，并且在单个页面中显示多个图表。不知何故，vAxis 值没有显示在一些图表上，但它显示在一些独立的（我们可以说它在不同的部分并手动触发）图表中。
我已经尝试了我可以拥有的一切。
var data = google.visualization.arrayToDataTable(window.item);
let options = {
width: 1410,
height: 400,
legend: {position: 'right'},
bar: {groupWidth: '75%'},
isStacked: true,
vAxis: {
minValue: 0,
title: 'Count',
textStyle: {fontSize: 7}
}
};
chart.draw(data, options);
推荐指数
解决办法
查看次数