javascript - 轻量级图表未捕获的错误:值为空
问题描述
轻量级图表版本:3.1.3
我正在将您的图表用于 Vue 项目中的加密货币交易应用程序,但无论我收到什么错误,下面都是示例代码
没有重复或空数据。
import {createChart} from "lightweight-charts";
export default {
data() {
return {
chartProperties: {
width: 700,
height: 300,
timeScale: {
timeVisible: true,
secondsVisible: false
},
layout: {
//backgroundColor: '#262C49', //Dark Theme
//textColor: '#80859E',
fontSize: 12,
fontFamily: 'irsans ,Calibri'
}
},
chartData: [],
candleSeries: null,
}
}
mounted() {
let cdata = [
{
close: 22750.76
high: 22759.53
low: 22750.25
open: 22752.8
time: 1608635340
},
....
];
this.chartElement = document.getElementById('chart');
this.chartProperties.width = this.chartElement.offsetWidth;
this.chart = createChart(this.chartElement, this.chartProperties);
this.candleSeries = this.chart.addCandlestickSeries();
this.candleSeries.setData(cdata);
实际行为:
图表是在没有烛台的情况下绘制的
和未捕获错误的重复错误:值为空
解决方案
如果您收到此错误,则您的数据源有99%的可能存在以下三个问题之一
- 部分数据为空
- 时间戳中的数据存在重复
- 我的问题:数据应该按时间按 ASC 顺序排列,而不是按 desc 排列。
推荐阅读
- jwt - Quarkus、Keycloak 和 OIDC 令牌刷新
- reactjs - 尝试使用 fetch 从后端获取数据
- azure-ad-b2c - B2C SAML2 CustomPolicy 中的 OutputClaimTransformation
- android - 如何使小部件调整它们的大小以在每台设备上看起来都一样?
- typescript - 了解 Redux Thunk Typescript 泛型和类型
- javascript - 数组的Javascript排序方法
- c# - 将依赖注入与单例设计模式混合
- css - 如何在气泡图中连接两个气泡?
- database - http://hub.docker.com/ 使用什么解决方案?
- google-pagespeed - PageSpeed Insights 分数多久更新一次?