在Highchart样条图的最后一点显示指标

时间:2018-07-06 08:37:22

标签: highcharts

我知道如何在最后一点显示标记,例如this

动态数据时,不知道如何标记最后一点。

plotOptions: {
        column: {
          stacking: 'normal'
        },
        spline: {
          marker: {
            enabled: true
          }
        }
      }

1 个答案:

答案 0 :(得分:3)

动态添加新点时,可以同时从当前最后一个点(Point.update)删除标记,同时添加一个启用了标记的新点(Series.addPoint)。

例如(JSFiddle):

// get the series
series = $('#container').highcharts().series[0]

// remove marker from last point
series.points[series.points.length-1].update({
    marker: {
        enabled:false
    }
}, false);

// add new point with marker
series.addPoint({
    y: Math.random()*100,
    marker: {
        enabled: true
    }
});

false的{​​{1}}参数是为了防止重绘,因为无论如何在Point.update之后都要重绘,这应该节省一些处理。