Charts 我们能用两个y轴绘制谷歌图表吗?一个是顶部,另一个是底部,x轴相同?

Charts 我们能用两个y轴绘制谷歌图表吗?一个是顶部,另一个是底部,x轴相同?,charts,angular,google-visualization,angular-chart,Charts,Angular,Google Visualization,Angular Chart,我需要使用带有两个y轴和一个x轴的google图表,如()。谷歌图表支持这种类型的图表吗?创建链接引用的图表 使用单个y轴,底部部分为负值 然后使用对象表示法设置值(v:)和格式化值(f:) {v:-8,f:'8'} 然后对y轴记号使用相同的符号(记号:) 图表将在轴上显示格式化的值以及工具提示 请参阅以下工作片段 google.charts.load('current'{ 回调:函数(){ var data=google.visualization.arrayToDataTable([ ['

我需要使用带有两个y轴和一个x轴的google图表,如()。谷歌图表支持这种类型的图表吗?

创建链接引用的图表
使用单个y轴,底部部分为负值

然后使用对象表示法设置值(
v:
)和格式化值(
f:

{v:-8,f:'8'}

然后对y轴记号使用相同的符号(
记号:

图表将在轴上显示格式化的值以及工具提示

请参阅以下工作片段

google.charts.load('current'{
回调:函数(){
var data=google.visualization.arrayToDataTable([
['X','Y'],
[1.5,  8],
[2.5,  4],
[3.5,  1],
[1.5,{v:-8,f:'8'}],
[2.5,{v:-4,f:'4'}],
[3.5,{v:-1,f:'1'}],
]);
var ticksX=[0,2,4,6];
var ticksY=[{v:-10,f:'10'},{v:-8,f:'8'},{v:-6,f:'6'},{v:-4,f:'4'},{v:-2,f:'2'},0,2,4,6,8,10];
变量选项={
哈克斯:{
标题:“h轴”,
滴答声:滴答声
},
言辞:{
标题:“v轴”,
滴答声:滴答声,
视图窗口:{
最小:-10,
最多:10
}
},
身高:600,
宽度:600,
图表区:{
身高:75%,
宽度:“75%”
}
};
var chart=new google.visualization.ScatterChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
},
软件包:['corechart']
});

创建链接引用的图形
使用单个y轴,底部部分为负值

然后使用对象表示法设置值(
v:
)和格式化值(
f:

{v:-8,f:'8'}

然后对y轴记号使用相同的符号(
记号:

图表将在轴上显示格式化的值以及工具提示

请参阅以下工作片段

google.charts.load('current'{
回调:函数(){
var data=google.visualization.arrayToDataTable([
['X','Y'],
[1.5,  8],
[2.5,  4],
[3.5,  1],
[1.5,{v:-8,f:'8'}],
[2.5,{v:-4,f:'4'}],
[3.5,{v:-1,f:'1'}],
]);
var ticksX=[0,2,4,6];
var ticksY=[{v:-10,f:'10'},{v:-8,f:'8'},{v:-6,f:'6'},{v:-4,f:'4'},{v:-2,f:'2'},0,2,4,6,8,10];
变量选项={
哈克斯:{
标题:“h轴”,
滴答声:滴答声
},
言辞:{
标题:“v轴”,
滴答声:滴答声,
视图窗口:{
最小:-10,
最多:10
}
},
身高:600,
宽度:600,
图表区:{
身高:75%,
宽度:“75%”
}
};
var chart=new google.visualization.ScatterChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
},
软件包:['corechart']
});


参考此链接-您的图片实际上只有一个y轴,但我认为该图表的特殊之处在于,x轴标签显示在图表区域的y=0线上。带有“两个y轴”的图表通常有两个不同的刻度,用于比较数字范围(售出单位和库存单位)或测量单位(降雨量与河流流量)完全不同的关系。请参考此链接-您的图片实际上只有一个y轴,但我认为该图表的特殊之处在于,x轴标签出现在图表区域内y=0线处。带有“两个y轴”的图表通常有两个不同的刻度,用来比较数字范围(售出单位和库存单位)或测量单位(降雨量与河流流量)完全不同的关系。是的,很好。我在JSFIDLE中尝试了这个,它正在工作。谢谢,太好了。我在JSFIDLE中尝试了这个,它正在工作。谢谢