Javascript 如何在google柱形图中删除y轴线并格式化y轴值
我在我的应用程序中使用谷歌柱形图在我的图表中,我需要删除蓝色和灰色条之间的微小空间,并格式化y轴值。请告诉我,如何消除他们之间的微小差距。我的图表 图表的代码Javascript 如何在google柱形图中删除y轴线并格式化y轴值,javascript,charts,formatting,google-visualization,Javascript,Charts,Formatting,Google Visualization,我在我的应用程序中使用谷歌柱形图在我的图表中,我需要删除蓝色和灰色条之间的微小空间,并格式化y轴值。请告诉我,如何消除他们之间的微小差距。我的图表 图表的代码 google.load("visualization", "1", {packages: ["columnchart"]}); var datum=[]; datum=[[2,15,25]]; var data = google.visualization.a
google.load("visualization", "1", {packages: ["columnchart"]});
var datum=[];
datum=[[2,15,25]];
var data = google.visualization.arrayToDataTable([['column1', 'column2', 'column3']].concat(datum), false);
var options = {
legend: {position: 'none'},
colors: ['3399FF', 'C0C0C0'],
tooltip: {trigger: 'none'},
// vAxis: {minValue: 0, maxValue: maxValue, ticks: tick, format: '$'}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart'));
chart.draw(data, options);
已更新
如何删除yaxis线,需要设置y轴值的格式,如$10、$15、$30。在柱形图软件包中是否有这样做的方法。我提到的做这个图表的链接是首先,不要使用旧版本的柱形图;它已被弃用,不提供新版本所没有的任何功能。按如下方式加载:
google.load('visualization', '1', {packages: ['corechart']});
要设置轴值的格式,需要使用vAxis.format选项:
var options = {
legend: {position: 'none'},
colors: ['3399FF', 'C0C0C0'],
tooltip: {trigger: 'none'},
vAxis: {
format: '$#'
}
};
您可以将以下内容添加到
选项
对象:栏:{groupWidth:'100%}
这将消除灰色和蓝色条之间的间隙
所有选项也都列在中。无法消除相同轴值的杆之间的间隙。请检查更新的问题查看您的数据,您是打算在轴值处有两个杆
2
,还是打算在轴值处有3个杆2
,15
,和25
?但在此corechart软件包中,灰色和蓝色条之间的间隙无法消除“columnchart”软件包的柱形图中也存在间隙。