【问题标题】:Highchart tooltip position to be fixed要修复的 Highchart 工具提示位置
【发布时间】:2017-07-26 17:49:45
【问题描述】:

我 HV 多折线图,我希望共享工具提示位于图表的顶部(这样它就不会覆盖图表的空间),但我希望它具有固定的 'y' 并且 x 坐标为 Free。 这样用户就可以将鼠标悬停在图表上,并且工具提示会出现在该点的顶部(x 坐标)。

有没有办法只修复工具提示位置的 y 坐标?

【问题讨论】:

    标签: highcharts


    【解决方案1】:

    您可以使用tooltip.positioner 函数。 http://api.highcharts.com/highcharts/tooltip.positioner

    tooltip: {
        positioner: function (labelWidth, labelHeight, point) {
            return { x: point.plotX, y: 15 };
        },
        shadow: false,
        borderWidth: 0,
        backgroundColor: 'rgba(255,255,255,0.8)'
    },
    

    http://jsfiddle.net/nt9x5tjj/

    回调接收一个包含plotXplotY 位置的point 对象。将y 值固定为某个数字,并将point.plotX 作为x 值返回。

    【讨论】:

    • 感谢您的即时帮助。
    • 如何确保工具提示出现在图表顶部?因为将 y 更改为任何值,但工具提示仍处于覆盖图形的中间位置
    • 我不明白这个问题。你看到图中 jsfiddle 中间的工具提示了吗?
    • 不,没关系,这是一些 css 问题。
    • 我有一个问题,我的自定义提示符工作正常,但不是最后一点。它似乎超出了图表区域,之前(没有自定义工具提示)它曾经正确调整最后一点。有什么建议吗?
    猜你喜欢
    • 2018-10-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多