时间戳

首页 > 解决方案 > 是否可以根据实时交易在图表上更新或绘制最后一根蜡烛？

highcharts - 是否可以根据实时交易在图表上更新或绘制最后一根蜡烛？

问题描述

我需要根据最后一笔交易的信息（包括价格、出价、要价）流式传输最后一笔交易并更新最后一根蜡烛。蜡烛图接受 OHLC 格式数据，但我需要使用最后报价信息（价格、出价、要价）重新绘制此蜡烛 我已阅读有关在 highcharts 中处理数据和实时数据的所有文档，但仍然无法弄清楚如何流式传输股票图表上的最后交易。预先感谢您的帮助。

标签： highcharts

解决方案

使用series.addPoint方法：

chart.series[0].addPoint({
  x: 3,
  open: 1,
  high: 3,
  low: 6,
  close: 7,
  name: "Point1"
});

现场演示：http: //jsfiddle.net/BlackLabel/6m4e8x0y/4978/

API 参考： https ://api.highcharts.com/class-reference/Highcharts.Series#addPoint

或point.update更改最后一个点数据：

var series = chart.series[0];

series.points[series.points.length - 1].update({
  x: 2,
  open: 2,
  high: 4,
  low: 5,
  close: 6,
  name: "Point1",
  color: "#FF00FF"
});

现场演示：http: //jsfiddle.net/BlackLabel/6m4e8x0y/4979/

API 参考： https ://api.highcharts.com/class-reference/Highcharts.Point#update

推荐阅读