Javascript 谷歌烛台图上的多行

Javascript 谷歌烛台图上的多行,javascript,charts,google-visualization,candlestick-chart,Javascript,Charts,Google Visualization,Candlestick Chart,我试图创建一个谷歌烛台图表,但也试图在同一张图表上叠加多条线 如果我做如下操作,我可以在烛台上画一条线: function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('date', 'Date'); data.addColumn('number', 'Low'); data.addColumn('number', 'Open'); data.addColumn('number',

我试图创建一个谷歌烛台图表,但也试图在同一张图表上叠加多条线

如果我做如下操作,我可以在烛台上画一条线:

function drawChart() {

var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'Low');
data.addColumn('number', 'Open');
data.addColumn('number', 'Close');
data.addColumn('number', 'High');
data.addColumn('number', 'Average');

data.addRow('Mon', 1, 1, 2, 2, 1.5]);
data.addRow('Tue', 2, 2, 3, 3, 2.5]);
data.addRow('Wed', 2, 2, 4, 4, 3.5]);

var options = {
  legend:'none',
  series: {1: {type: 'line'}}
};
但我似乎不知道如何添加第二行

为了避免混淆,我将省略所有我尝试过的内容,但目标是只添加另一个数据列,并指定必要的内容,以告诉图表将新数据作为第二行覆盖


有什么办法可以让这一切顺利进行吗

当然可以,只需使用“系列”选项继续添加线系列即可

烛台KChart需要五根柱子, 这五列算作一个系列, 在本例中,系列0

这使第6列系列成为第1列 您已将其更改为“行”

添加另一列将是系列2, 只需添加另一列并更改类型

  1: {type: 'line'},
  2: {type: 'line'}
请参阅以下工作片段

google.charts.load'current'{ 软件包:['corechart'] }.Then函数{ var data=new google.visualization.DataTable; data.addColumn'string','Date'; 数据。添加列“数字”,“低”; 数据。添加列“编号”,“打开”; 数据。添加列“编号”、“关闭”; 数据。添加列“编号”、“高”; 数据。添加“数字”、“平均值”列; 数据。添加列“数字”,“平均值2”; addRow['Mon',1,1,2,2,1.5,2.5]; addRow['Tue',2,2,3,3,2.5,3.5]; addRow['Wed',2,2,4,4,3.5,4.5]; 变量选项={ 图例:“无”, 系列:{ 1:{type:'line'}, 2:{type:'line'} } }; var container=document.getElementById'chart_div'; var chart=new google.visualization.CandlestickChartcontainer; 图表。绘图数据,选项; };
我曾尝试过这样做,但无论出于什么原因,当我添加下一个系列/专栏时,我最终出现了一个错误。既然你的例子是有效的,那它一定是可能的。我应该可以用它来反向工作,找出我的错误所在。非常感谢您花时间阅读并回答我的问题:您可以看到此处不适用的完整代码。。我只是为那些在将来偶然发现这个问题的人把它放回去,因为你的答案应该足够了,我不想用琐事来打扰你。我想我的问题源于我添加日期的方式,或者其他什么..没问题,应该只有一个系列选项,包括1和2,您提供的示例中有重复的系列,因此图表忽略了第二个,并且需要4列而不是1列。。。
  1: {type: 'line'},
  2: {type: 'line'}