real-time 相关问题

这是一个 Angular-HighChart 问题。我正在尝试从 websocket 提供数据来动态绘制折线图。以下是代码。超文本标记语言这是一个 Angular-HighChart 问题。我正在尝试从 websocket 提供数据来动态绘制折线图。以下是代码。 HTML <highcharts-chart [Highcharts]="Highcharts_bt" [options]="chartOptions_bt" style="width: 100%; height: 400px; display: block;" ></highcharts-chart> TS import { Component, OnInit } from '@angular/core'; import * as Highcharts from 'highcharts'; import { webSocket } from 'rxjs/webSocket'; import { of, Subscription } from 'rxjs'; import { concatMap, delay } from 'rxjs/operators'; @Component({ selector: 'app-crypto-realtime', templateUrl: './crypto-realtime.component.html', styleUrls: ['./crypto-realtime.component.css'] }) export class CryptoRealtimeComponent { title = 'Angular-RxJsWebSocket-HighCharts'; rate_bt: any; //rate$: Subscription; Highcharts_bt: typeof Highcharts = Highcharts; chardata_bt: any[] = []; chartOptions_bt: any; subject_bt = webSocket('wss://ws.coincap.io/prices?assets=bitcoin'); constructor() { this.chartOptions_bt = { series: [{ name: 'Bitcoin', data: this.chardata_bt, color: 'blue', }, ], chart: { type: "line", zoomType: 'x' }, title: { text: "Price of BitCoin", }, }; } ngOnInit() { this.rate_bt = this.subject_bt.pipe( concatMap(item => of (item).pipe(delay(0))) ).subscribe(data => { this.rate_bt = data; let curr_rate = Number(this.rate_bt.bitcoin); this.chardata_bt.push(curr_rate); }); } } 问题是，虽然 this.chartOptions_bt.series[0].data 正在更新，但图表并未绘制，即没有数据点发布到图表上。我在这里缺少什么？我还添加了重绘： ngOnInit() { this.rate_bt = this.subject_bt.pipe( concatMap(item => of (item).pipe(delay(0))) ).subscribe(data => { this.rate_bt = data; let curr_rate = Number(this.rate_bt.bitcoin); this.chardata_bt.push(curr_rate); for (let i = 0; i < this.Highcharts_bt.charts.length; i ++) { let a_chart = this.Highcharts_bt.charts[i]; if (a_chart) { a_chart.redraw(); } } }); } 不过，这并没有改变任何事情。使用setData可以解决这个问题。 ngOnInit() { console.log(this.Highcharts_bt); this.rate_bt = this.subject_bt.pipe( concatMap(item => of (item).pipe(delay(0))) ).subscribe(data => { this.rate_bt = data; let curr_rate = Number(this.rate_bt.bitcoin); this.chardata_bt.push(curr_rate); let a_chart = this.Highcharts_bt.charts[0]; if (a_chart) { a_chart.series[0].setData(this.chardata_bt, true); } }); } 这也来自 Highcharts - redraw() 与新的 Highcharts.chart

javascript angular websocket highcharts real-time

回答 1 投票 0

如何编译DOS

有什么方法可以为 DOS 编译我的代码吗？我有一个简单的 C++ 程序，不使用任何 Windows API。我可以使用 Visual Studio 2010 在 Windows 下运行它，但是，我需要更快的速度而不...

visual-studio-2010 performance real-time dos

回答 3 投票 0

实时拍卖更新 - 彗星？龙卷风？ ActiveMQ？

我正在决定如何编写在线拍卖应用程序。我想向网站用户提供实时更新。我的背景是 LAMP（尽管就我而言，“P”w...

real-time updates

回答 1 投票 0

Socket.io 在挂载期间不起作用，仅在刷新浏览器后才起作用

我尝试通过客户和供应商门户在我的订餐网络应用程序中发送实时推送通知。由于以下 2 个原因，屏幕角落应该会出现一个小的实时通知横幅