echarts中月份数据缺少怎么补齐呢？

在写echarts图表的折线图是时发现

后端给的数据有点问题

在这里插入代码片
[
{date:"2021-10",
num:"2"
},{date:"2021-05",
num:"2"
},
]
//后端给的这样的数据，这种不经过处理当然没有办法显示在合适的月份所以要对数据进行处理
//我的想法是先创建一个数组12个数据都是0
let data = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
//然后将月份当做下标将月份的数据补进data中
//arr是要补充的数组
//item是要补充的内容
//index是要补充的位置insert(arr, item, index) {console.log(arr.splice(index, 1), item, index)//如果没有这一步数组的长度为12+后端给的那几条数据return arr.slice(0, index).concat(item, arr.slice(index))},//这样最终返回的数组长度为12//直接调用这个方法data = this.insert(data, item.num, item.formatDate.slice(-2) - 1)//item.formatDate:2021-02或2021-11//判断最后的两个字符串是否是01,02这种的  最后的-1是因为月份从1开始的而下标确实从0开始的if (item.formatDate.slice(-2)[0] == 0) {this.month = this.insert(this.month, item.num, item.formatDate.slice(-2)[1] - 1)} else {this.month = this.insert(this.month, item.num, item.formatDate.slice(-2) - 1)}

由于这些数据是展示的近12个月的内容所以echarts右侧应该显示当前月份

     window.addEventListener('resize', () => {//根据屏幕变化来重新渲染domemyChart.resize()})const xData = (function () {const data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']const today = new Date()const month = today.getMonth()// console.log(data.length)for (let i = 0; i < data.length; i++) {if (i === month) {data.splice(0, data.length, ...data.slice(i + 1, data.length).concat(...data.slice(0, i + 1)))}}return data//比如当前为一月份那么返回的data：【'2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'，'1月'】}())

echarts中月份数据缺少怎么补齐呢？相关推荐

sql实现--根据不同类型的时间戳按24小时每小时统计数据，并补齐数据和取整
两种不同的时间戳转换成24小时第一种:1546308369067(标准时间戳) FROM_UNIXTIME(C.RECHARGE_TIME/1000,'%H') AS DATE_NO 第二种:201 ...
android如何设置自动补,Android Studio 中设置代码块自动补齐
AS中很多提示键,并不如Eclipse中做的好,需要我们自己去自定义.这里以switch...case为例,讲解一下如何设置代码自动补全. 1.进入settings --> Editor -- ...
Eclipse中new一个对象之后自动补齐快捷键
例如:new ArrayStack(4): 自动补齐之后是 ArrayStack arrayStack = new ArrayStack(4); 可以使用shift+alt+L这种方式: 也可 ...
Echarts中tooltips数据格式化（点击不同的lengend数据提示框中显示相应的单位）
# EchartsAPI入口:http://echarts.baidu.com/option.html#title 1. 效果图: 官方文档:http://echarts.baidu.com/ ...
linux c字符串用0补位,Linux中10个你不知道的命令补齐技巧
默认情况下,bash命令行可以自动补全文件或目录名称.不过,我们可以使bash命令行补全执行更多的操作,通过补全命令可以让它成就下一个辉煌. 这个教程说明了我们是怎样使用可编程的命令行补全功能(pro ...
vscode中PHP语言的自动补齐,vscode怎么自动补全
自动补全(智能提示) 因为之前微软推出了typescript语言,结合tsd文件,用visual studio写typescript代码是相当爽的,智能提示的功能非常nb. 这个功能理所应当也被vsc ...
python使用箱图法和业务规则进行异常数据处理并检查预测使用的数据特征是否有字段缺失的情况并补齐
python使用箱图法和业务规则进行异常数据处理并检查预测使用的数据特征是否有字段缺失的情况并补齐关于预测或者推理的时候特征补齐的情况是这样的: 你在模型训练的时候使用了多少特征,那么在模型预测和推 ...
按日统计注册人数SQL语句详解（自动补齐空缺数据）
按日统计XX人数其实是一个很常用的功能.比如说按日统计注册人数.按日统计订单数等.原理其实很相似,一通百通. 话不多说,进入正题. 一.最终sql语句展示我们先来看下最终的sql语句及得到的结果: ...
根据真实数据计算一段时间内价格走势，echarts折线图数据补全方法。
分享一个计算一段时间内价格走势的方案,以7.18 ~ 8.17这段时间为例,由于原始数据的不连贯.不确定性,可以分三种情况第一种:原始数据都在这个时间段内,假设最晚的一条数据是8.1号,那么我们根据 ...

echarts中月份数据缺少怎么补齐呢？

在写echarts图表的折线图是时发现

echarts中月份数据缺少怎么补齐呢？相关推荐

最新文章

热门文章