【问题标题】:Highcharts - tooltip\croshair where there's no pointHighcharts - 没有意义的工具提示\十字准线
【发布时间】:2012-11-14 20:44:33
【问题描述】:

按照这个小提琴,我有两个 adjescent Highcharts 图表:

http://jsfiddle.net/mimafogeus/TTms6/1/

当其中一个被触发时,我正在尝试点亮两个图表中的相关十字准线(因此当您将鼠标悬停在一条线上时,会有一条长垂直线穿过两个图表)。

我了解到您通过在某个点上调用 setState('hover'); 来触发工具提示(因此,它的十字准线)。

不过,底部图表是条形图,工具提示仅适用于存在条形值的线条,因此当悬停在顶部的某个位置时,我并不总是可以选择平行点图表。

有没有办法在没有意义的地方触发工具提示\十字准线?

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

    两个不同的图表不能共享十字线属性,建议你把两个图表都画在一个图表中并共享十字线。

    tooltip: {
         crosshairs: true,
         shared: true
       }
    

    Working example of Bar chart and Line chart

    【讨论】:

    • 问题是,图表应该是一个在另一个之下,并且具有不同的轴和网格行为。您的建议使用一个包含两个系列的图表。轴和网格属于该单个图表。是否可以通过一些调整按照您的方式完成我提供的操作?
    • 是的,您可以使用不同的轴jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/…它是多个yAxis,您可以将其更改为多个xAxis。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-09
    • 1970-01-01
    • 2022-07-14
    • 1970-01-01
    相关资源
    最近更新 更多