时间戳

首页 > 解决方案 > Highcharts 7 - 使注解居中

javascript - Highcharts 7 - 使注解居中

问题描述

我希望在我的 Highchart 上某些数据的顶部出现注释。我已经在我的数据位置添加了注释，但是它从我的数据点的中心开始。但是我希望注释以点为中心。请参阅下面的图片和 Plnkr。

我有的 在此处输入图像描述

我想要什么 http://next.plnkr.co/edit/hHGxXF3pRs7j9M8a在此处输入图像描述

标签： javascriptcssangularhighcharts

解决方案

默认情况下，黑线从您给出的值的中间开始；在你的情况下“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
          }]
        }]

推荐阅读