可视化:柱形图 - 使用样式更改注释位置:' line',

时间:2017-08-23 14:53:21

标签: google-visualization

我使用可视化:柱形图并且我将注释设置为' line',我想要做的是移动注释的位置,使它们显示在条形图上方,这是可能的?

您可以在下图中看到我遇到的问题: -

enter image description here

我的代码目前如下: -

  var view = new google.visualization.DataView(data);
  view.setColumns([0, 1,
   { calc: "stringify",
     sourceColumn: 1,
     type: "string",
     role: "annotation" },
   2]);                    

var options = {
    title: "{{$sample->name}} {{$test->name}} 'z' scores",
    height: 400,
    annotations: {
        style: 'line',
          textStyle: {
          fontSize: 10,
        },     
    },                         
    bar: {groupWidth: "95%"},                    
    legend: { position: "none" },
    tooltip: {isHtml: true, ignoreBounds: true},             
};

如果您查看以下JSFIDDLE,我基本上只想将注释直接移到栏上方,这样他们就不会阻碍栏。

非常感谢任何帮助。

0 个答案:

没有答案