从Google Visualization的ColumnChart中手动选择一个栏
这个问答内容是：从Google Visualization的ColumnChart中手动选择一个栏。
答案内容如下：
Google Visualization是一个数据可视化工具，可以用于创建各种类型的图表，包括ColumnChart。ColumnChart是一种二维图表，用于显示两个维度的数据，通常用于显示大量数据的分布。
要从ColumnChart中手动选择一个栏，您需要使用Google Visualization的API，包括ColumnChart的API。该API允许您指定要显示的栏，以及这些栏的样式和格式。您可以通过API获取ColumnChart的实例，然后使用该实例的methods来操作ColumnChart，例如addColumns、addColumn、removeColumns、setColumns等。
例如，以下代码将显示ColumnChart的实例，并手动选择第一个栏：
<html>
<head>
<title>Google Visualization ColumnChart</title>
</head>
<body>
<div id="chart_div" style="width: 100%; height: 400px;"></div>
<script>
// Load the Visualization API and the columnchart package
google.charts.load('current', {'packages':['columnchart']});
// Draw the chart
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
</script>
</body>
</html>在这个例子中，我们创建了一个ColumnChart，并使用API指定了要显示的栏，以及这些栏的样式和格式。我们使用draw()方法来绘制图表，其中data参数指定要绘制的数据，options参数指定图表的样式和格式。在这个例子中，我们手动选择了第一个栏，因此它将在图表的左侧显示。
相关·内容
1回答
我有一个示例Google可视化仪表板，有两个控件和两个柱状图，其中第二个柱状图是使用聚合数据表绘制的， [{'column': 2, 'aggregation': google.visualization.data.sum, 'type': 'number'
浏览 0提问于2013-04-26得票数 1
回答已采纳
1回答
我正在使用谷歌可视化，我想知道是否有一种方式显示2个图表(1列图表和另一个甜甜圈图)在同一页。法布里西奥
PS :我在使用android演播室
浏览 1提问于2013-09-05得票数 0
回答已采纳
我似乎无法为我的列线图包装我的标签。我试着摆弄各种选择，但没什么区别。这是我当前的图表视图，因为您可以看到，由于第1列标签重叠，第2列的标签已完全消失：
这是我的专栏图表视图：
<script type="text/javascript" src="https://google.load("visualization", "1.1", { p
浏览 2提问于2015-09-28得票数 1
回答已采纳
我希望创建一个带有过滤的谷歌图表API仪表板，但我想根据分组数据绘制数据图表。例如，我可以创建一个datatable，如下所示：Joe 21 Male 3Dave 15 Female 5我可以适当地创建一个仪表板，它创建两个控件(用于cust_age和cust_
浏览 2提问于2011-06-18得票数 11
1回答
我有这个代码谁选择的从我的mysql数据库的一些标记。Google Visualization API is loaded.var data = new google.visualization.DataTable(<?=$jsonTable?. var chart = new google.
浏览 0提问于2015-05-27得票数 0
1回答
我希望获得列1(具有多个相同值的字符串)分组和和列6、7、8 (数字)，然后选择一个选项来显示列6、7或8。下面我想分享一些代码。这个例子类似：function drawVisualization() {
var query = new google.visualization.Query= new google.visualization<
浏览 1提问于2017-03-11得票数 1
回答已采纳
在下面的示例中，栏I有一个坏的工具提示(没有触发预期的方式)，并且它与BAR II非常好地工作。(drawChart);
var data = google.visualization.arrayToDataTable(document.getElementById('columnchart_material&#
浏览 2提问于2017-09-20得票数 1
回答已采纳
1回答
我正在尝试找到最好的方法来将下面的Google charts javascript示例转换成ReactJS。我的挑战是，如何通过使用事件触发器遵循通用的proxyTable图表约定，使Google图表中的更改触发其他图表(columnChart和areaChart)中的更改？在纯javascript中工作的代码片段：
var dashboard = new google</
浏览 0提问于2019-09-13得票数 1
如何在列栏中显示垂直数字？？ data.addColumn('string', 'Period Incident');},
浏览 0提问于2017-12-08得票数 1
回答已采纳
3回答
下面是来自谷歌的使用谷歌图表创建ColumnChart的示例 // Create and populate the data tablevar data = google.visualization.arrayToDataTable([
['Year', 'Austria', 'Belgium', 'Czech Republicnew
浏览 0提问于2012-05-22得票数 24
回答已采纳
我试图让方法data.SetValue(...)在getNames方法中的异步回调中工作。不幸的是它不起作用了。data.setValue(...)确实在同步方法createColumnChartView中工作。import com.google.gwt.user.client.ui.Widget;
import com.google.gwt
浏览 1提问于2011-12-02得票数 1
我有这张谷歌条形图： var data = new google.visualization.DataTable();All Hour", legend: { position: "none" },
var columnChart= new google.visualization.
浏览 3提问于2020-09-25得票数 1
回答已采纳
我有一个从数据库数据创建的数据表，这些数据由google.visualization.data.group聚合，然后馈送到columnChart中。
var groupedCategoryData = new google.visualization.data.gr
浏览 0提问于2017-10-07得票数 0
我正在使用Google创建一个简单的条形图，其中包含从Mysql数据库获取的数据。图表显示正确，但我无法格式化图表的标题。我已经参考过许多网站，我相信'titleTextStyle‘的语法是好的。但是标题并没有随着选项的变化而改变。有人能告诉我问题出在哪里吗？我已经把我的全部代码附在下面。提前谢谢。 var data = google.
浏览 1提问于2020-04-14得票数 1
回答已采纳
我有一个简单的谷歌柱状图一系列的数据。我需要在每个栏上面显示标题，因为工具提示还不够。但是没有标准的选项可以做到这一点。你看过这个了吗？google.load('visualization', '1', {packages: ['corechart']});
vardata = new google.visualiz
浏览 1提问于2011-10-20得票数 2
这里我使用的是堆积柱状图。在此图表中，我尝试显示注释值。注释值显示在栏的顶部。但我需要在栏的底部显示的值。/jsapi"></script> google.load("visualizationfunction dra
浏览 0提问于2014-01-10得票数 2
我有一个通过Google Charts API呈现的图表。当用户单击Bar时，如何获取有关所选bar的数据。我对它的理解是，我调用"getSelection“来输出选择信息。每当我点击一个栏，我就会得到这样的信息。() { var data = google.visualization.arrayToDataTable([
['Sale
浏览 0提问于2017-09-15得票数 3
在我的Google Chart代码中，我使用一个SELECT函数来查询相关的Google工作表，以获得我将使用的行和列<head>
<script type="text&#
浏览 5提问于2017-12-20得票数 0
我在电子表格上有一个EmbeddedChart，通常我会手动将其作为图像发布，并将其添加到汇合页面。这样，每当图表在电子表格中更新时，它也会在汇合页面中更新。现在，我正在尝试自动创建用于创建合流页面的合流标记，但我无法在创建合流标记的应用程序脚本中发布和获取EmbeddedChart url。有没有办法使用google apps脚本将google电子表格图表发布到web ( chart ->Publish Chart...->)？或者，有没有办法获得发布<e
浏览 2提问于2015-08-04得票数 0
是否有一种方法可以删除x轴的默认排序？它自动从as分类，但我想把它作为一月到十二月。
对于每年缺少的月份和产品类型，我已经在PHP中自动生成了它们(最后的代码在PHP中)。： callback: function() {
var data = google.visualization.arrayToDataTable(produ
浏览 1提问于2018-03-19得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
