移动dygraphs弹出标签

时间:2017-03-09 03:55:22

标签: dygraphs

当我将鼠标悬停在我的dygraph图表中一条线上的点上时,会弹出一个漂亮的东西并向我显示X和Y位置以及我的CSV中的哪一列由Y点表示。这是默认情况。

弹出文本位于图表的左上角,与Y轴相交。我该怎么把它移到右边?我无法弄清楚是怎么回事,因为我不知道弹出窗口是什么。

初始化如下:

<html>
<head>
<script src="//cdnjs.cloudflare.com/ajax/libs/dygraph/2.0.0/dygraph.min.js"></script>
<link rel="stylesheet" src="//cdnjs.cloudflare.com/ajax/libs/dygraph/2.0.0/dygraph.min.css" />
</head>
<body>
<div id="graphdiv"></div>
<script type="text/javascript">
  g2 = new Dygraph(
    document.getElementById("graphdiv"),
    "file.csv", 
  );
</script>
</body>
</html>

该文件如下:

Timestamp,Value
2017-01-01T00:00,12345

1 个答案:

答案 0 :(得分:3)

在你的css中试试这个

.dygraph-legend { 
   text-align: right; 
   background: none; 
}