如何仅为最后一点显示工具提示?

时间:2016-05-24 13:46:20

标签: highcharts

我在我的图表中使用实时随机数据。在这里,我想显示图表右侧的当前Feed值,它将随图表的最后一点一起移动。

我正在尝试在最后一点显示哪个系列将动态添加的tootip。但我无法单独添加tootip到最后一点。

任何人都可以帮助我实现这一目标。

这是jsfiddle,我正在尝试的是

enter image description here

1 个答案:

答案 0 :(得分:3)

要显示工具提示,您可以使用toolip.refresh(point)

示例:http://jsfiddle.net/a6pshutt/7/

              ...
              setInterval(function () {
                var x = (new Date()).getTime(),
                    y = Math.random();
                len = series.data.length;
                series.addPoint([x,y], false, true);
                series2.data[0].update([x,y]);

                tooltip.refresh(series2.data[0]); // <----------here

              }, 1000);
              ...

要显示dataLabel,您可以为散点图系列中的散点启用它。

示例:http://jsfiddle.net/83kp2d4t/

        ...
        events: {
            load: function () {
            var tooltip = this.tooltip,
                series  = this.series[0],
                len     = series.data.length;
              this.addSeries({
                id: 'end point',
                type: 'scatter',
                marker: {
                    enabled:true,
                  symbol:'circle',
                  radius:4,
                  fillColor:'white',
                  lineColor: 'black',
                  lineWidth:2
                },

                dataLabels:{
                    enabled: true // <----------here
                },

                data: [[
                  series.data[len - 1].x,
                  series.data[len - 1].y
                ]]
              }); 
              ...