【问题标题】:Highcharts 7 - Center an AnnotationHighcharts 7 - 使注解居中
【发布时间】:2019-01-31 05:23:52
【问题描述】:

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

我有什么

我想要什么 http://next.plnkr.co/edit/hHGxXF3pRs7j9M8a

【问题讨论】:

    标签: javascript css angular highcharts


    【解决方案1】:

    默认情况下,黑线从您给出的值的中间开始;在你的情况下“1547442017000”;但是由于我们不希望黑线超过黄色...您可以将其拉回,但拉回任意数字都不行,因为屏幕尺寸会影响该值;

    所以我们采取不同的方法,我们增加笔画的大小(使用下面的strokeWidth值),这样该值仍然指向'1547442017000'......我们只是增加了笔画大小。

    complete working example

    相关代码

    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
              }]
            }]
    

    【讨论】:

    • 多么棒的答案啊!!!正是我需要一个很好的解释。谢谢!
    • @Campey,感谢您的客气话,祝您工作顺利
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-08-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-25
    • 2015-12-10
    相关资源
    最近更新 更多