Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我在创建三个y轴时遇到了这个问题_Javascript_Angularjs_Google Visualization - Fatal编程技术网

Javascript 我在创建三个y轴时遇到了这个问题

Javascript 我在创建三个y轴时遇到了这个问题,javascript,angularjs,google-visualization,Javascript,Angularjs,Google Visualization,我在谷歌图表中创建三个y轴时遇到了这个问题。 问题是右侧轴之间的间距。你能帮帮我吗 我提供了以下代码片段。结果,右y轴被合并。你们能提供什么方法使它们之间的空间/间隙看起来更好。多谢各位 google.charts.load('current',{'packages':['line','corechart']}); google.charts.setOnLoadCallback(drawChart); 函数绘图图(){ var data=new google.visualization.Dat

我在谷歌图表中创建三个y轴时遇到了这个问题。 问题是右侧轴之间的间距。你能帮帮我吗

我提供了以下代码片段。结果,右y轴被合并。你们能提供什么方法使它们之间的空间/间隙看起来更好。多谢各位

google.charts.load('current',{'packages':['line','corechart']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn(“日期”、“月份”);
data.addColumn('数字',“平均温度”);
data.addColumn('数字',“平均日照时数”);
data.addColumn('number','Average 1');
data.addColumn('数字',“平均值2”)
data.addRows([
[新日期(2014,0),-5,8.7,7,11],
[新日期(2014年1月1日),.4,8.7,5,12],
[新日期(2014年2月5日、12日、6日、13日],
[新日期(2014年3月2日)、9月2日、7月15日、5月14日],
[新日期(2014年4月)、6.3、18.6、8、15],
[新日期(2014年5月9日、20.9日、8日、16日],
[新日期(2014年6月)、10.6、19.8、9、16],
[新日期(2014年7月),10.3,16.6,7,15],
[新日期(2014年8月),7.4,13.3,8,14],
[新日期(2014年9月)、4.4、9.9、12、13],
[新日期(2014年10月)、1.1、6.6、11、12],
[新日期(2014年11月11日)-.2,4.5,11,11]
]);
变量分类={
标题:“冰岛全年平均温度和日照”,
宽度:900,
身高:500,
//为每个系列提供一个与下面的vAxes编号匹配的轴。
系列:{
0:{targetAxisIndex:0},
1:{targetAxisIndex:1},
2:{targetAxisIndex:2},
3:{targetAxisIndex:3}
},
阀门:{
//向每个轴添加标题。
0:{title:'Temps(摄氏度)},
1:{标题:'日光'},
2:{标题:'第三'},
3:{title:'foruth'}
},
哈克斯:{
勾号:[新日期(2014,0),新日期(2014,1),新日期(2014,2),新日期(2014,3),
新日期(2014年4月)、新日期(2014年5月)、新日期(2014年6月)、新日期(2014年7月),
新日期(2014年8月)、新日期(2014年9月)、新日期(2014年10月)、新日期(2014年11月)
]
},
言辞:{
视图窗口:{
最多:30
}
}
};
var classicChart=new google.visualization.LineChart(document.getElementById('chart_div'));
classicChart.draw(数据、分类);
}




我认为此功能只适用于两个
VAX

虽然它看起来确实有效,但没有任何配置选项来处理此问题

如果必须有三个,请尝试
textPosition

有一个
'in'
和另一个
'out'

请参阅下面的示例

google.charts.load('current'{
回调:函数(){
var data=new google.visualization.DataTable();
data.addColumn(“日期”、“月份”);
data.addColumn('数字',“平均温度”);
data.addColumn('数字',“平均日照时数”);
data.addColumn('number','Average 1');
data.addColumn('数字',“平均值2”)
data.addRows([
[新日期(2014,0),-5,8.7,7,11],
[新日期(2014年1月1日),.4,8.7,5,12],
[新日期(2014年2月5日、12日、6日、13日],
[新日期(2014年3月2日)、9月2日、7月15日、5月14日],
[新日期(2014年4月)、6.3、18.6、8、15],
[新日期(2014年5月9日、20.9日、8日、16日],
[新日期(2014年6月)、10.6、19.8、9、16],
[新日期(2014年7月),10.3,16.6,7,15],
[新日期(2014年8月),7.4,13.3,8,14],
[新日期(2014年9月)、4.4、9.9、12、13],
[新日期(2014年10月)、1.1、6.6、11、12],
[新日期(2014年11月11日)-.2,4.5,11,11]
]);
变量分类={
标题:“冰岛全年平均温度和日照”,
宽度:900,
身高:500,
图表区:{
宽度:“50%”
},
系列:{
0:{targetAxisIndex:0},
1:{targetAxisIndex:1},
2:{targetAxisIndex:2}
},
阀门:{
0: {
textPosition:'输出',
标题:“温度(摄氏度)”
},
1: {
textPosition:'在',
标题:“日光”,
视图窗口:{
最多:30
}
},
2: {
textPosition:'输出',
标题:"第三",,
视图窗口:{
最高:40
}
}
},
哈克斯:{
滴答声:[
新日期(2014,0)、新日期(2014,1)、新日期(2014,2)、新日期(2014,3),
新日期(2014年4月)、新日期(2014年5月)、新日期(2014年6月)、新日期(2014年7月),
新日期(2014年8月)、新日期(2014年9月)、新日期(2014年10月)、新日期(2014年11月)
]
},
};
var classicChart=new google.visualization.LineChart(document.getElementById('chart_div'));
classicChart.draw(数据、分类);
},
软件包:['corechart']
});


您能给我们看一些代码吗?你尝试过什么?分享你的代码片段和更多细节,这样人们可以帮助你。@Santosh