Google 经典折线图上方 space

Question

我在我的项目中使用 google line chart。我需要在最高值和顶部栏之间添加一些 space。

我想让它看起来像 google url 更短的统计信息。我链接到两张图片，第一张是我项目的当前状态截图，第二张是 google url shortener statistics 截图。希望你能明白我的需要。

My project's google line chart。我需要在最高值和顶部栏之间有一些 space。

Google url 缩短统计数据 screenshot。它在最高值和顶部柱之间有一些 space。

Answer 1

一种方法是在 svg text 元素上将 alignment-baseline 设置为 hanging：

google.visualization.events.addListener(chart5, 'ready', function() {
    [].slice.call(document.querySelectorAll('#chart_div text[text-anchor=end]'))
            .forEach(function(element) {
                 element.setAttribute('alignment-baseline', 'hanging');
             });
});

JSFiddle 演示：https://jsfiddle.net/922g1kzv/1/

Answer 2

将以下内容添加到您的选项中：

vAxis: {
    viewWindow:{
        max:6,
        min:0
    },
    ticks: [1, 2, 3, 4, 5, 6],
},

更新了您的Jsfiddle。

Google 经典折线图上方 space

Google classic line chart upper space

javascript

charts

linechart

line