我的数据包含名为TestNameTestValue列。

这样,我想绘制一个Combo-chart ,以使条形图和线形图都被渲染。

链接到谷歌组合图

但是,就我而言,它代表条形或线条。

var options = {
                   title: 'TestType v/s TestValue on ComboChart',
                    vAxis: {title: 'TestValue',  titleTextStyle: {color: 'red'}},
                     hAxis: {title: 'TestType', titleTextStyle: {color: 'blue'}},
                     seriesType: "bars",
                     series: {0: {type: "line"}},
                    width:600,
                    height:400
                };

当我对系列的值是0 ,它仅渲染条形图:

如下:

在此处输入图片说明

我不知道这个数字对系列的重要性。 我真正想要的只是在同一张图表上有条形图和相应的线。

编辑:我意识到组合图仅在最少2个系列时才这样工作。 是否有其他方法可以组合图而不必强迫性地具有多个序列?

#1楼 票数:0

使用视图,您可以重复使用同一列。

 google.load("visualization", "1", { packages: ["corechart"] }); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ["TestType", "TestValue"], ["BP", 120], ["Temperature", 100], ["Cholestrol", 80], ["Cavity", 1] ]); var view = new google.visualization.DataView(data); view.setColumns([0,1,1]); var options = { title: 'TestType v/s TestValue on ComboChart', vAxis: { title: 'TestValue', titleTextStyle: { color: 'red' } }, hAxis: { title: 'TestType', titleTextStyle: { color: 'blue' } }, seriesType: "bars", series: { 0: { type: "line", color: "blue" }, 1: { color: "blue", visibleInLegend: false } }, width: 600, height: 400 } var chart = new google.visualization.ComboChart(document.getElementById("chart")); chart.draw(view, options); } 
 <script type="text/javascript" src="https://www.google.com/jsapi"></script> <div id="chart" style="width: 900px; height: 300px;"></div> 

  ask by Simran translate from so

未解决问题?本站智能推荐:

1回复

在谷歌可视化组合图中如何删除左侧填充而不删除Vaxis标签

我有一个用chartwrapper调用的组合图表,它将图表放在指定区域内。 我想将其向左移动,但是当我尝试 Y轴/ V轴网格线上的值将被切除。 有没有办法将图表和所有元素向左移动? 我正在使用Google可视化代码游乐场,这是我无法正常工作的代码。 我试图获取vAxis的宽度,但
2回复

谷歌可视化线图删除水平网格线

如何删除Google可视化折线图中的水平网格线? 我已经尝试过设置了 在hAxis和vAxis上。 这是我的图表的一个方面。 http://jsfiddle.net/martlark/2XBhc/
6回复

JavaScriptChartsAPI:绘制jQuery插件或谷歌可视化?

我正在寻找一个在网站上显示的图表库。 我将密集使用这个库(主要用于区域,线条和条形图),所以我更愿意在开始实施之前确保我的选择。 我最初考虑的网站图表库列表如下: Plotkit Emprise JS Charts 迷你图 Protochart gRaphae
1回复

在3个不同的谷歌折线图中可视化数据

大家好,我有 script.js,它从我的数据库中获取数据(使用 read.php 作为 API)并将数据存储在我的 index.html 文件的表中。 数据库中的列是:日期、温度、压力和 RPM。 我现在拥有的是 3 个图表,其中包括 3 条线 --> 温度 + 压力 + rpm。 但是我如
1回复

饼图中带小值的Google可视化问题

显然,谷歌可视化饼图不喜欢非常小的值。 我已经创建了一个JSfiddle来演示这个问题: http : //jsfiddle.net/technotarek/YRKHd/ 当你加载小提琴时,你会看到饼图有四个类别,就像在第6-13行中检查JS一样。 现在,尝试将JS的第13行中的第三个值
1回复

在Google可视化饼图中获取点击的标签[corechart]

如何在Google可视化饼图[corechart]中获得单击的标签名称? 即,您如何使用getSelection() ?
1回复

用php和ajax绘制Google可视化图表

我正在做的是:我写了一个JavaScript代码,该代码将在我的网页上绘制一个Google Visualization饼图。 脚本使用ajax从php文件中获取数据,然后php执行数据库操作并以json格式显示所需的数据。 问题是我无法获得确切的图表,相反,我获得了图表中100%写在饼图中
1回复

GoogleCharts可视化

我正在使用Google的api在现有系统中生成阶梯式条形图。 有用。 我正在使用PHP在屏幕上回显脚本。 我想知道是否完全有可能隐藏脚本中的数据。 我的意思是,如果查看页面源代码,很明显我看到的是脚本,其中所有数据都位于行中。 我想知道是否有一种方法可以隐藏这些行,就像rquest