把里面的酒吧的顶级品牌在谷歌的交互式条形图(put labels on top of inside

2019-06-25 03:37发布

我创建了使用谷歌的条形图柱形图 ,现在

  1. 我只有在浮点值我的数据表,但谷歌鸿沟ACIS整数值,有没有办法迫使图表标记仅整数?
  2. 有没有什么办法来显示顶部或内侧线图上值标签? 我发现影像图的一些方式,但我喜欢对子级保持互动图表

Answer 1:

对于你的第一个问题,你可以使用gridlines属性,看看这个帖子 ,看你如何使用它。

对于第二个问题,我真的不明白。 当你与你的鼠标吧,其值弹出是不是已经显示在栏的顶部?



Answer 2:

没有直接的解决方案,这当成是因为注释不柱形图支持。 但是,让我周围的共享工作这一点:你可以创建一个组合图表具有两个系列相同的数据(如你的列图表)与注释列一起。 设置第一个系列酒吧的另一系列线的类型和。 最后,分别指定第二个系列虚假0 visibleInLegend, 线宽的pointsize性能。

var data = new google.visualization.DataTable();
data.addColumn({ type: 'string', label: 'Labels' });
data.addColumn({ type: 'number', label: 'Bar Series' });
data.addColumn({ type: 'number', label: 'Line Series' });
data.addColumn({ type: 'string', role: 'annotation' });

data.addRows([['Label1', 10, 10, '10'],
             ['Label1', 20, 20, '20'],
             ['Label1', 40, 40, '40'],
             ['Label1', 5, 5, '5'],
             ['Label1', 30, 30, '30'],
             ]);

var barchart = new google.visualization.ComboChart(document.getElementById('bar_element'));
var options = {series: [{ type: 'bars' },
                        { type: 'line', lineWidth: 0, visibleInLegend:false, pointSize: 0}]};

barchart.draw(data, options);


文章来源: put labels on top of inside bar in google interactive bar chart