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'}