如何在谷歌柱形图中去除y轴并格式化y轴的值答案

【问题标题】：how to remove the y-axis line and format the value of the y-axis in google column chart如何在谷歌柱形图中去除y轴并格式化y轴的值
【发布时间】：2014-01-18 18:12:14
【问题描述】：

我在我的图表中的应用程序中使用谷歌柱形图，我需要删除蓝色和灰色条之间的微小空间，并格式化 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);

更新

如何去掉y轴，需要格式化y轴值，如$10、$15、$30。有没有办法在柱形图包中做到这一点。我参考做图表的链接是this

【问题讨论】：

没有办法消除相同轴值的条形之间的间隙。
请检查更新的问题
查看您的数据，您是否打算在轴值 2 处有两个条形图，或者您是否打算在值 2、15 和 @987654327 处有 3 个条形图@?

标签： javascript charts formatting google-visualization

【解决方案1】：

您可以将以下内容添加到您的 options 对象中：bar: {groupWidth: '100%'}。

这将消除您的灰色和蓝色条之间的差距。

documentation 中也列出了所有选项。

【讨论】：

【解决方案2】：

首先，不要使用旧版本的 ColumnChart；它已被弃用，并且不提供新版本也没有的任何功能。像这样加载它：

google.load('visualization', '1', {packages: ['corechart']});

要格式化轴值，您需要使用 vAxis.format 选项：

var options = {
    legend: {position: 'none'},
    colors: ['3399FF', 'C0C0C0'],
    tooltip: {trigger: 'none'},
    vAxis: {
        format: '$#'
    }
};

【讨论】：

但在这个 corechart 包中，灰色和蓝色条之间的差距无法消除
“columnchart”包的ColumnCharts中也存在差距。