如何从Google的Visualization API生成的条形图中删除x轴?

时间:2009-04-07 01:46:10

标签: javascript css charts google-visualization

参考此处显示的图表类型: http://code.google.com/apis/visualization/documentation/gallery/barchart.html

似乎没有简单的开关,将轴颜色更改为白色(在白色背景上)似乎没有做任何事情。我甚至尝试过jquery隐藏api输出产生的选择器,但没有骰子。

7 个答案:

答案 0 :(得分:72)

您可以将hAxis.textPosition设置为“none

的值

例如:

var options = {

                hAxis: { textPosition: 'none' },
            };

chart.draw(data, options);

请参阅https://developers.google.com/chart/interactive/docs/gallery/barchart#Configuration_Options

答案 1 :(得分:3)

他们的API确实没有这个功能,但是:

chart.draw( data, 
    {
        width: 400, 
        height: 240, 
        is3D: true, 
        legend :'none',
        axisFontSize : 0
    });

将axisFontSize设置为0将删除x轴数据。 :)

答案 2 :(得分:2)

Google如此快速地更改API,这就是今天的工作:

chart.draw(daily, {
    hAxis : {textColor: '#ffffff'},
    [... your other options here ...]
});

答案 3 :(得分:2)

我可以通过删除数据表中的字符串来删除图表材料版本中的标签。

在:

data.addColumn('string', 'Date');

后:

data.addColumn('string', '');

答案 4 :(得分:2)

let options = {legend: { position: 'none' }};

答案 5 :(得分:1)

axisFontSize:0将删除x轴和y轴数据

答案 6 :(得分:0)

查看http://code.google.com/apis/chart/docs/gallery/bar_charts.html#axis_label_styles

轴标签样式chxs“axis_or_tick”

您会注意到此文档:“_ - (下划线)既不绘制轴线也不绘制刻度线。如果要隐藏轴线,请使用此值。”

示例:'chxs = 0 ,,,0,0,_'