谷歌蜡烛图上的多条线

Joe*_*oun 3 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', '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'}}
};
Run Code Online (Sandbox Code Playgroud)

但我似乎不知道如何添加第二行。

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

有什么办法可以让这个工作吗?

Whi*_*Hat 5

当然,只需继续添加线系列,使用选项series...

对于CandleStickChart,需要五列,
这五列算作一个系列,
在本例中为系列0

1
这使得您已更改为第六列系列'line'

1: {type: 'line'}
Run Code Online (Sandbox Code Playgroud)

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

  1: {type: 'line'},
  2: {type: 'line'}
Run Code Online (Sandbox Code Playgroud)

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

1: {type: 'line'}
Run Code Online (Sandbox Code Playgroud)
  1: {type: 'line'},
  2: {type: 'line'}
Run Code Online (Sandbox Code Playgroud)