在可视化组合图中未绘制线

Question

我的数据包含名为TestName和TestValue列。

这样，我想绘制一个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个系列时才这样工作。 是否有其他方法可以组合图而不必强迫性地具有多个序列？

Answer 1

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

 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>