Google经典折线图上方空间

时间:2016-01-26 06:57:28

标签: javascript charts line linechart

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

我想让它看起来像google url shortener statistics。 我链接到两个图像,第一个是我的项目的当前状态截图,第二个是google url shortener statistics截图。希望你能理解我的需要。

My project's google line chart。我需要在最高值和顶栏之间留出一些空间。

Google网址缩短统计信息screenshot。它在最高值和顶部栏之间有一些空间。

2 个答案:

答案 0 :(得分:1)

一种方法是在svg hanging元素上将text设置为 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'); }); });

{{1}}

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

答案 1 :(得分:1)

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

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

更新了您的Jsfiddle