高图7-居中注释

Question

我希望在我的图表上的某些数据的顶部出现一个注释。我在数据的位置添加了注释，但是它从数据点的中心开始。但是，我希望注释以要点为中心。见下面的图片和Plnkr。

我所拥有的

​

我想要的

http://next.plnkr.co/edit/hHGxXF3pRs7j9M8a

Answer 1

默认情况下，黑线从您给定的值中间开始；在您的例子中是"1547442017000"；但是由于我们不想让黑线越过黄色.你可以把它拉回来，但是按任意的数字拉回是不可能的，因为屏幕大小会影响这个值；

因此，我们采用一种不同的方法，我们增加笔画的大小(使用下面的strokeWidth值)，这样这个值仍然指向‘1547442017000’.我们只是增加了笔划的大小。

完整的工作实例

相关代码

annotations: [
        {
          shapes: [{
            point: {
              xAxis: 0,
              yAxis: 0,
              x: 1547442017000, y: 1
            },
            type: 'rect',
            height: 355,
            width: 0.01,
            fill: 'rgba(0, 0, 0, 0.75)',
            stroke: 'rgba(0, 0, 0, 0.75)',
            strokeWidth: 20
          }]
        }]