如何修复"可视化.组合图表'当使用字符串，一天中的时间，数字一起在谷歌图表上?

Question

我正在尝试创建一个包含三列类型字符串、时间、数字的组合图表，但我面临错误"给定轴上的所有系列都必须具有相同的数据类型"即使列类型也存在，如何解决？

请检查链接：https://jsfiddle.net/minamagdy666/2jfn1uec/3/

google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Time of Day');
data.addColumn('timeofday', 'Time of Day');
data.addColumn('number', 'Emails Received');
data.addRows([
['eee',[8, 30, 45], 5],
['eee',[9, 0, 0], 10],
]);
var options = {
title: 'Total Emails Received Throughout the Day',
height: 450,
series: {0:{type: 'line'}}
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(data, options);
}

Answer 1

首先，需要定义图表的seriesType。

'line'、'area'、'bars'、'candlesticks'或'steppedArea'

seriesType: 'bars'

接下来，如果每个系列不是同一类型，(在这种情况下，一个是数字，
另一个是一天中的时间(，
那么每个系列必须在自己的 y 轴上......

1: {targetAxisIndex: 1}

请参阅以下工作片段...

google.charts.load('current', {
packages: ['corechart']
}).then(function () {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Time of Day');
data.addColumn('timeofday', 'Time of Day');
data.addColumn('number', 'Emails Received');
data.addRows([
['eee',[8, 30, 45], 5],
['eee',[9, 0, 0], 10],
]);
var options = {
title: 'Total Emails Received Throughout the Day',
height: 450,
seriesType: 'bars',
series: {
0:{
type: 'line'
},
1: {
targetAxisIndex: 1
}
}
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(data, options);
});

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>