Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.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 如何在google柱形图中删除y轴线并格式化y轴值_Javascript_Charts_Formatting_Google Visualization - Fatal编程技术网

Javascript 如何在google柱形图中删除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

我在我的应用程序中使用谷歌柱形图在我的图表中,我需要删除蓝色和灰色条之间的微小空间,并格式化y轴值。请告诉我,如何消除他们之间的微小差距。我的图表

图表的代码

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”软件包的柱形图中也存在间隙。