当前位置：首页 > news >正文

js版计算比亚迪行驶里程连续12个月计算不超3万公里改进版带echar

news 2026/3/28 0:44:04

<!DOCTYPE html>
<html lang="zh-CN" style="height: 100%">
<head>
<meta charset="utf-8" />
<title>连续12个月不超3万公里计算LIGUANGHUA</title>
<style>
.clocks {
height: 500px;
margin: 25px auto;
position: relative;
width: 500px;
}
</style>
</head>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
<script type="text/javascript">
function myFunction(){
var search1=document.getElementById("month");// 获取对象
var search2=document.getElementById("amounts");// 获取对象
// 文档刚刚载入时的默认样式
search1.value="202211";
search2.value="2831,1108,3625,2888,2165,3032,1913";
search1.style.color="gray";
search2.style.color="gray";
search1.οnblur=function(){// 失去焦点时
if(this.value){// 输入框有值，应为黑色字体。
this.style.color="";
}else{// 无值时，为文档载入时样式
this.value="202211";
this.style.color="gray";
}
};
search2.οnblur=function(){// 失去焦点时
if(this.value){// 输入框有值，应为黑色字体。
this.style.color="";
}else{// 无值时，为文档载入时样式
this.value="2831,1108,3625,2888,2165,3032,1913";
this.style.color="gray";
}
};
search1.οnfοcus=function(){// 获得焦点时，清空输入框，恢复字体颜色
this.value="";
this.style.color="";
};
search2.οnfοcus=function(){// 获得焦点时，清空输入框，恢复字体颜色
this.value="";
this.style.color="";
};
};
function counts() {
var months, amounts,array,hev;
var arr1 = new Array(0)

var arr2 = new Array(0)
months = document.getElementById('month').value;
amounts = document.getElementById('amounts').value;
array = amounts.split(",");
var sum=0,length,max,min,maxYear,minYear,k;
length=array.length;
var s='';
var jve=0;
var counts=30000;
for (var i = 0; i < length; i++) {
arr1.push(handelYear(months,i));
k=0;
hev=parseInt(array[i]);
max=hev;
console.log(months);
minYear=handelYear(months,i);
maxYear=handelYear(months,i);
console.log(minYear);
console.log(maxYear);
min=hev;
sum += parseInt(array[i]);
k++;
for (var j = i+1; j < length; j++) {

// months.add(array[j]);
jve=parseInt(array[j]);
if (jve>max){
max=jve;
maxYear=handelYear(months,j);
}
if (jve<min){
min=jve;
minYear=handelYear(months,j);
}
sum+= jve;
k++;
if (k==12){
console.log("从"+handelYear(months,i)+"至"+handelYear(handelYear(months,i),11)+"的连续12个月的总里程："+sum+"公里,平均每月行驶："+parseInt(sum/k)+"公里,其中"+maxYear+"是单月最大行驶："+max+"公里,"+minYear+"是单月最小行驶公里数："+min+"公里");
s=s+' <p> 从'+handelYear(months,i)+'至'+handelYear(handelYear(months,i),11)+'的连续12个月的总里程：<span style="color: red ;font-size:20px;font-weight: bold">'+sum+'</span>公里,平均每月行驶：<span style="color: red ;font-size:20px;font-weight: bold">'+parseInt(sum/k)+'</span>公里,其中'+maxYear+'是单月最大行驶：<span style="color: red ;font-size:20px;font-weight: bold">'+max+'</span>公里,'+minYear+'是单月最小行驶公里数：<span style="color: red ;font-size:20px;font-weight: bold">'+min+'</span>公里'+'</p> ';
sum=0;
k=0;
break;
}else if (i==0&&k<12&&j==length-1){
console.log("1从"+handelYear(months,i)+"至"+handelYear(months,length-1)+"的连续"+ k+"个月的总里程："+sum+"公里,平均每月行驶："+parseInt(sum/k)+"公里,其中"+maxYear+"是单月最大行驶："+max+"公里,"+minYear+"是单月最小行驶公里数："+min+"公里,剩余的"+(12-k)+"个月內请控制在"+(counts-sum)+"公里内,平均每月可以行驶："+(counts-sum)/(12-k));
//System.out.println("从"+month+"至"+handelYear(month,11)+"里程详情"+months.stream().map(String::valueOf).collect(Collectors.joining(",")));
s=s+'<p> 从<span style="color: red ;font-size:20px;font-weight: bold">'+handelYear(months,i)+'</span>至<span style="color: red ;font-size:20px;font-weight: bold">'+handelYear(months,length-1)+'(含当月)</span>连续<span style="color: red ;font-size:20px;font-weight: bold">'+ k+'</span>个月的总里程：<span style="color: red ;font-size:20px;font-weight: bold">'+sum+'</span>公里,平均每月行驶：<span style="color: red ;font-size:20px;font-weight: bold">'+parseInt(sum/k)+'</span>公里,其中'+maxYear+'是单月最大行驶：<span style="color: red ;font-size:20px;font-weight: bold">'+max+'</span>公里,'+minYear+'是单月最小行驶公里数：<span style="color: red ;font-size:20px;font-weight: bold">'+min+'</span>公里'+
',剩余的<span style="color: red ;font-size:20px;font-weight: bold">'+(12-k)+'</span>个月內请控制在<span style="color: red ;font-size:20px;font-weight: bold">'+(counts-sum)+'</span>公里内,平均每月还可以行驶：<span style="color: red ;font-size:20px;font-weight: bold">'+(counts-sum)/(12-k)+'</span>公里</p> ';
sum=0;
k=0;
break;
}
}
}
document.getElementById('jieguo').innerHTML=s;
var myChart = echarts.init(document.getElementById('container'));
var hour = arr1;
var usercount = array;

var option = {
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line','bar']},
restore : {show: true},
saveAsImage : {show: true}
}
},
tooltip: {
show: true
},
legend: {
data:['每月公里数']
},
xAxis : [
{
type : 'category',
data : hour
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
"name":"百分比每度电占比",
"type":"line",
"data":usercount,
itemStyle: {
normal: {
label : {
show: true,
position:"top"
}
}
}
}
]
};

// 为echarts对象加载数据
myChart.setOption(option);
}
function handelYear(month,length){
var year=parseInt(month.substring(0,4));
var mo=month.substring(4,6);
var mon=0;
if (mo.startsWith("0")){
mon=parseInt(month.substring(5,6));
}else{
mon=parseInt(month.substring(4,6));
}
mon=mon+length;
var j=parseInt(mon/12);
if (mon>12){
year=year+j;
mon=mon-12*j;
}
var yearmon=null;
if (mon>9){
yearmon=year.toString()+mon.toString();
}else{
if (mon==0){
mon=mon+1;
}
yearmon=year.toString()+"0"+mon.toString();
}
return yearmon;
}

</script>

<body style="height: 100%; margin: 0" οnlοad="myFunction()">
<p>请输入周期开始年月份（如：202201）：<input type="text" name="month" id="month" οnmοuseοver="this.style.borderColor='#FF6600'" οnmοuseοut="this.style.borderColor=''" onFocus="if (value =='202211'){value =''}" onBlur="if (value ==''){value='202211'}"></p>
<p>请输入上面周期开始的每月公里数(车机系统获取)，逗号隔开(如：2831,1108,3625)：<input type="text" name="amounts" id="amounts" style="width:550px;" οnmοuseοver="this.style.borderColor='#FF6600'" οnmοuseοut="this.style.borderColor=''" onFocus="if (value =='2831,1108,3625,2888,2165,3032,1913'){value =''}" onBlur="if (value ==''){value='2831,1108,3625,2888,2165,3032,1913'}" ></p>
<p><input type="button" value="开始计算" οnclick="counts()" οnmοuseοver="this.style.borderColor='#FF6600'" οnmοuseοut="this.style.borderColor=''" ></p>
<div id="jieguo">
</div>
<div id="container" style="height: 80%"></div>
</body>
</html>

将以上内容复制到文本框，改名为1.html，用浏览器打开即可

还有项目款，这个需要数据支撑了，感兴趣的可以私我

js版计算比亚迪行驶里程连续12个月计算不超3万公里改进版带echar

<!DOCTYPE html> <html lang"zh-CN" style"height: 100%"> <head> <meta charset"utf-8" /> <title>连续12个月不超3万公里计算LIGUANGHUA</title> <style> .clocks { …...

编程日记 2023/7/27 1:25:02

一文详解Spring Bean循环依赖

一、背景有好几次线上发布老应用时，遭遇代码启动报错，具体错误如下： Caused by: org.springframework.beans.factory.BeanCurrentlyInCreationException: Error creating bean with name xxxManageFacadeImpl: Bean with name xxxManageFa…...

编程日记 2023/7/27 1:24:01

基于PHP+ vue2 + element +mysql自主研发的医院不良事件上报系统

医院不良事件上报管理系统源码不良事件上报是为了响应卫生部下发的等级医院评审细则中第三章第9条规定：医院要有主动报告医疗安全（不良）事件的制度与工作流程。由医疗机构医院或医疗机构报告医疗安全不良事件信息，利用报告进行研…...

编程日记 2023/7/27 1:23:00

微服务远程调用openFeign简单回顾(内附源码示例)

目录一. OpenFeign简介二. OpenFeign原理演示使用 provider模块消费者模块配置全局feign日志示例源代码: 一. OpenFeign简介 OpenFeign是SpringCloud服务调用中间件，可以帮助代理服务API接口。并且可以解析SpringMVC的RequestMapping注解下的接口&#x…...

编程日记 2023/7/27 1:21:59

【云计算小知识】云环境是什么意思？有什么优点？

随着云计算的快速发展，了解云计算相关知识也是运维人员必备的。那你知道云环境是什么意思？有什么优点？云环境安全威胁有哪些？如何保证云环境的运维安全？这里我们就来简单聊聊。云环境是什么意思？ 云环境是…...

编程日记 2023/7/27 1:20:58

【搜索引擎Solr】Apache Solr 神经搜索

Sease[1] 与 Alessandro Benedetti（Apache Lucene/Solr PMC 成员和提交者）和 Elia Porciani（Sease 研发软件工程师）共同为开源社区贡献了 Apache Solr 中神经搜索的第一个里程碑。它依赖于 Apache Lucene 实现 [2] 进行 K-最近邻…...

编程日记 2023/7/27 1:19:57

PostgreSQL 设置时区，时间/日期函数汇总

文章目录前言查看时区修改时区时间/日期操作符和函数时间/日期操作符日期/时间函数：extract，date_part函数支持的field 数据类型格式化函数用于日期/时间格式化的模式： 扩展前言本文基于 PostgreSQL 12.6 版本，不同版本的函数…...

编程日记 2023/7/27 1:18:55

性能测试Ⅱ（压力测试与负载测试详解）

协议性能理论：并发编程 ，系统调度，调度算法监控压力测试与负载测试的区别是什么？ 负载测试在被测系统上持续不断的增加压力，直到性能指标(响应时间等)超过预定指标或者某种资源(CPU&内存)使用已达到饱和状…...

编程日记 2023/7/27 1:17:54

【Python入门系列】第十八篇：Python自然语言处理和文本挖掘

文章目录前言一、Python常用的NLP和文本挖掘库二、Python自然语言处理和文本挖掘1、文本预处理和词频统计2、文本分类3、命名实体识别4、情感分析5、词性标注6、文本相似度计算总结前言 Python自然语言处理（Natural Language Processing，简称NLP&…...

编程日记 2023/7/27 1:16:53

【GD32F103】自定义程序库08-DMA+ADC

DMA 自定义函数库说明：将DMA先关的变量方式在一个机构体中封装起来，主要参数有 dma外设，时钟，通道，外设寄存器地址，数据传输宽度，数据方向，外设是能dma传输使能回调函数，扫描模式中断编号dma中断使能传输完成标志数据存储空间使用一个枚举类型指明每个DMA绑定到那个…...

编程日记 2023/7/27 1:15:50

集成了Eureka的应用启动失败，端口号变为8080

问题报错：集成了Eureka的应用启动失败，端口号变为8080。原来运行的项目，突然报错，端口号变为8080： Tomcat initialized with port(s): 8080 (http)并且，还有如下的错误提示： RedirectingE…...

编程日记 2023/7/27 1:14:48

CMU 15-445 -- Timestamp Ordering Concurrency Control - 15

CMU 15-445 -- Timestamp Ordering Concurrency Control - 15 引言Basic T/OBasic T/O ReadsBasic T/O WritesBasic T/O - Example #1Basic T/O - Example #2 Basic T/O SummaryRecoverable Schedules Optimistic Concurrency Control (OCC)OCC - ExampleSERIAL VALIDATIONOCC …...

编程日记 2023/7/27 1:13:45

MURF2080CT/MURF2080CTR-ASEMI快恢复对管

编辑：ll MURF2080CT/MURF2080CTR-ASEMI快恢复对管型号：MURF2080CT/MURF2080CTR 品牌：ASEMI 芯片个数：2 芯片尺寸：102MIL*2 封装：TO-220F 恢复时间：50ns 工作温度：-50C~150C…...

编程日记 2023/7/27 1:12:44

去除 idea warn Raw use of parameterized class ‘Map‘

去除 idea warn Raw use of parameterized class ‘Map’ 文档：Raw use of parameterized class ‘Map’… 链接：http://note.youdao.com/noteshare?id99bf4003db8cc5ae9813ee11e58c4d13&sub5856371AEFA740AF8FA4D8935B4F6912 添加链接描述 public…...

编程日记 2023/7/27 1:11:42

使用BERT分类的可解释性探索

最近尝试了使用BERT将告警信息当成一个文本去做分类，从分类的准召率上来看，还是取得了不错的效果（非结构化数据强标签训练，BERT确实是一把大杀器）。但准召率并不是唯一追求的目标，在安全场景下，…...

编程日记 2023/7/27 1:10:41

web APIs-练习二

轮播图点击切换： <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta http-equiv"X-UA-Compatible" content"IEedge" /><meta name"viewport" content"…...

编程日记 2023/7/27 1:09:40

rpc通信原理浅析

rpc通信原理浅析 rpc(remote procedure call)，即远程过程调用，广泛用于分布式或是异构环境下的通信，数据格式一般采取protobuf。 protobuf（protocol buffer）是google 的一种数据交换的格式，它独立于平台语…...

编程日记 2023/7/27 1:08:39

【机器学习】分类算法 - KNN算法（K-近邻算法）KNeighborsClassifier

「作者主页」：士别三日wyx 「作者简介」：CSDN top100、阿里云博客专家、华为云享专家、网络安全领域优质创作者「推荐专栏」：零基础快速入门人工智能《机器学习入门到精通》 K-近邻算法 1、什么是K-近邻算法？2、K-近邻算法API3、…...

编程日记 2023/7/27 1:07:38

Spring Security 6.x 系列【64】扩展篇之多线程支持

有道无术，术尚可求，有术无道，止于术。本系列Spring Boot 版本 3.1.0 本系列Spring Security 版本 6.1.0 本系列Spring Authorization Server 版本 1.1.0 源码地址：https://gitee.com/pearl-organization/study-spring-security-demo 文章目录 1. 问题演示2. 解决方案：…...

编程日记 2023/7/27 1:06:38

Elasticsearch 简单搜索查询案例

1.MySql表结构/数据 SET FOREIGN_KEY_CHECKS0;-- ---------------------------- -- Table structure for user_lables -- ---------------------------- DROP TABLE IF EXISTS user_lables; CREATE TABLE user_lables (id varchar(255) DEFAULT NULL COMMENT 用户唯一标识,age…...

编程日记 2023/7/27 1:05:36

PCB布局设计规范与最佳实践指南

PCB布局设计的最佳实践指南1. 布局设计基础原则1.1 结构约束优先处理在PCB布局初期，必须优先考虑机械结构约束条件：根据导入的结构文件定位所有有特殊位置要求的器件连接器1脚位置必须与结构设计完全匹配严格遵守产品设计中规定的元件限高要求1.2 美观与…...

编程新知 2026/3/28 0:15:21

【AI+教育】告别“硬啃”长文，它把文档直接变成你的专属视频课

在这个信息大爆炸的时代，我们最不缺的就是资料：网盘里屯满的行业报告、收藏了却从未打开的学术论文、买来盖泡面的大部头教材……知识就在那里，但“学进去”实在太难了。秘塔推出的“今天学点啥”，就是为了解决这个痛点而生的。它的核心逻辑非常简单粗暴：你把看不进去的文…...

编程新知 2026/3/28 0:09:20

AI 模型量化精度控制与评估方法

AI模型量化精度控制与评估方法随着人工智能技术的快速发展，AI模型在边缘计算、移动设备等资源受限场景中的应用日益广泛。为了在有限的计算资源下保持模型性能，量化技术成为关键手段。量化过程中精度的损失直接影响模型的可靠性，因此量化精…...

编程新知 2026/3/27 23:44:48

高效对接Tiktok电商API：PHP开发者的一站式解决方案指南

高效对接Tiktok电商API：PHP开发者的一站式解决方案指南【免费下载链接】tiktokshop-php Unofficial Tiktok Shop API Client in PHP. Use API version 202309 and later 项目地址: https://gitcode.com/gh_mirrors/ti/tiktokshop-php 在瞬息万变的电商生态中…...

编程新知 2026/3/27 23:30:40

WeChatExporter深度解析：如何三步搞定iOS微信聊天记录完整导出

WeChatExporter深度解析：如何三步搞定iOS微信聊天记录完整导出【免费下载链接】WeChatExporter 一个可以快速导出、查看你的微信聊天记录的工具项目地址: https://gitcode.com/gh_mirrors/wec/WeChatExporter 还在为无法备份微信聊天记录而烦恼吗&#xff…...

编程新知 2026/3/27 22:30:16

高密度PCB贴装实战：如何用模块化治具解决0.3mm间距元件定位难题

高密度PCB贴装实战：模块化治具在0.3mm间距元件定位中的创新应用当智能手表的PCB板面积缩小到指甲盖大小时，上面的0402元件间距已经突破0.3mm极限——这相当于在1元硬币上精准摆放50根头发丝。消费电子微型化浪潮下，传统治具的定位误差正在吞…...

编程新知 2026/3/27 22:18:10

Milvus向量数据库Docker安装避坑指南：从配置到可视化工具Attu的完整流程

Milvus向量数据库Docker安装避坑指南：从配置到可视化工具Attu的完整流程当开发者第一次接触向量数据库时，往往会遇到各种意想不到的"坑"。作为一款开源的向量数据库，Milvus因其高性能和易用性而广受欢迎，但在Docker环境…...

编程新知 2026/3/27 22:08:04

别再死记硬背了！用Python和SymPy库5分钟可视化理解泰勒公式的逼近过程

用Python动态可视化泰勒公式：5行代码理解多项式逼近本质数学公式的抽象性常常成为学习者的障碍，尤其是泰勒公式这种涉及无限逼近概念的内容。传统的静态图示和理论推导虽然严谨，却难以直观展示"以直代曲"的动态过程。本文将用Pyth…...

编程新知 2026/3/27 21:58:02

Unity URDF导入终极指南：3步快速实现机器人仿真

Unity URDF导入终极指南：3步快速实现机器人仿真【免费下载链接】URDF-Importer URDF importer 项目地址: https://gitcode.com/gh_mirrors/ur/URDF-Importer Unity URDF Importer是Unity Robotics官方推出的机器人模型导入工具，它能够让你在Unit…...

编程新知 2026/3/27 21:37:57

PyFluent：重构CFD仿真流程的技术赋能与效能跃迁

PyFluent：重构CFD仿真流程的技术赋能与效能跃迁【免费下载链接】pyfluent 项目地址: https://gitcode.com/gh_mirrors/pyf/pyfluent 在现代工程仿真领域，计算流体动力学（CFD）技术正经历着从手动操作向自动化流程的深刻转…...

编程新知 2026/3/27 21:27:50

相关文章：