如何避免Google折线图注释中的重叠

时间:2019-11-05 05:59:18

标签: charts google-visualization google-linechart

以下Google折线图输出中的注释彼此重叠。我该如何分开?

如果我可以重新放置注释,例如第一行(屏幕截图中的蓝色),那么我可以将注释放在下面,而最上面的一行则将注释放在上面,这将是很棒的。

我不确定如果不执行我不知道的任何逻辑,上述方法是否可行!但是,至少如果我能分开注释,并清楚地了解哪个注释适用于什么注释,那将是一个很好的选择。

enter image description here

1 个答案:

答案 0 :(得分:1)

在图表选项中,您可以调整每个系列的注释茎的长度。

要将注释移到该行下方,您可以使用负的茎长。

将注释选项添加到系列选项...

var options = {
  series: {
    0: {  // <-- series 0
      annotations: {
        stem: {
          length: -10
        }
      }      
    },
    1: {  // <-- series 1
      annotations: {
        stem: {
          length: 10
        }
      }      
    },
    2: {  // <-- series 2
      annotations: {
        stem: {
          length: 20
        }
      }      
    }
  }
};