highcharts 相关问题

Highcharts是一个使用HTML，SVG和VML的Javascript图表库。该编辑器提供该产品的开源/非营利和商业版本。

Highstock/Highchart Y 轴标签名称在时间序列图表中分成多条线

[![在此输入图像描述] 我绘制了这个图表，我们可以看到 y 轴标签名称出现在多行中。 Y 轴中选择了 3 列。有没有办法让我们...

highcharts angular2-highcharts

回答 1 投票 0

如何像这样自定义图例高图表地图可视化

我需要像这样制作图例，但不知道如何自定义文本，并将图例键入点但这是我目前的结果当前配置：颜色：[“#B7B7B7”，“#861...

reactjs highcharts

回答 1 投票 0

反应是否随机渲染的高图表

我无法解决highcharts随机渲染的问题；我使用 highcharts 7.2.0 版本，当我在 logger.debug() 中发现时，后端数据（Springboot）中没有错误。我也不能

javascript reactjs highcharts

回答 1 投票 0

我如何在highcharts、Angular-highcharts中显示html表格中的不可见系列

如何在角度高图表中执行类似的功能。有什么方法可以在 highcharts 中显示 html 表中不可见或隐藏的系列，假设我有三个系列，但我想要...

javascript html css highcharts angular-highcharts

回答 1 投票 0

如何使用 websocket feed 绘制高图表？

这是一个 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

如何使用 Highcharts React 库动态更新市场深度图上的数据？

我设法使用 HighchartsReact 将网格中的一些值绘制到市场深度图表中。问题在于，具有出价和要价值的数组当前不断更新......

javascript reactjs charts highcharts react-highcharts

回答 1 投票 0

高图改变饼图切片的颜色

更新：我能够得到展示的百分比以及一个传奇。但仍然无法改变颜色。图表： { 类型：'馅饼'，样式模式：true }, 工具提示：{ F点...

html highcharts colors datatables

回答 1 投票 0

从交互式 highchart.js 图表中抓取数据

我主要是这个平台上的潜伏者，并尝试使用已提出问题的答案来解决我的问题，但我找不到当前问题的问题。我尝试从中抓取数据