本基于java的移动电源市场需求分析与展示平台系统，系统主要采用java，互联网爬虫技术，动态图表echarts，springboot，mysql，mybatisplus，移动电源数据分析算法，实现基于java的移动电源市场需求分析与展示平台系统， 系统提供移动电源数据分析平台，系统移动电源数据分析可视化平台展示等功能。 系统移动电源分析平台主要包含：用户登录，移动电源数据源管理，移动电源推荐列表，类型统计，用户管理，系统管理，电源分类等模块 系统可视化分析展示平台主要包含：移动电源实时统计，品牌分类，评分分布，市场需求时间分布，电量范围统计，移动电源类型分布，品牌热度分析等等。

一、程序设计

本基于java的移动电源市场需求分析与展示平台系统，主要内容涉及：

主要功能模块：用户登录，移动电源数据源管理，移动电源推荐列表，类型统计，用户管理，系统管理，电源分类等模块 主要包含技术：java，JSOUP，JSON，数据采集爬虫，数据处理，数据分析，mybatis，echarts，springboot，mysql，javascript等

二、效果实现

演示视频

系统首页

移动电源管理

电源类型分布

数据可视化

三、代码实现

系统移动电源管理主要采用前后端分离模式，针对移动电源数据查询封装成JSON格式，完成数据下发至系统界面端渲染，系统界面端针对JSON解析后采用javascript完成页面展示。

var dom = document.getElementById("chart");
var myChart = echarts.init(dom);
var app = {};
var option;
$.get(baseURL + 'data/cases/maps', {tableName: T.p('tableName')}, function (res) {
option = {
legend: [{
data: res.categories,
textStyle: {
color: '#00FAE1'
}
}],
series: [{
type: 'graph',
layout: 'force',
legendHoverLink: true, //是否启用图例 hover(悬停) 时的联动高亮。
hoverAnimation: true, //是否开启鼠标悬停节点的显示动画
edgeSymbol: ['arrow', ''],
force: {
edgeLength: 120,
repulsion: 500
},
roam: true,
draggable: true,//每个节点的拖拉
itemStyle: {
normal: {
// color:'#00FAE1',
cursor: 'pointer',
label: {
show: true,
position: [-10, -15],
textStyle: { //标签的字体样式
color: '#00FAE1', //字体颜色
fontStyle: 'normal',//文字字体的风格 'normal'标准 'italic'斜体 'oblique' 倾斜
fontWeight: 'bolder',//'normal'标准'bold'粗的'bolder'更粗的'lighter'更细的或100 | 200 | 300 | 400...
fontFamily: 'sans-serif', //文字的字体系列
fontSize: 12, //字体大小
}
},
nodeStyle: {
brushType: "both",
borderColor: "rgba(255,215,0,0.4)",
borderWidth: 1,
},
},
//鼠标放上去有阴影效果
emphasis: {
shadowColor: '#00FAE1',
shadowOffsetX: 0,
shadowOffsetY: 0,
shadowBlur: 40,
},
},
lineStyle: {
width: 2,
},
label: {
color: '#00FAE1',
fontSize: 18,
},
symbolSize: 14,//节点大小
cursor: 'pointer',
categories: res.categories,
data: res.nodes.map(function (node, idx) {
node.id = idx;
return node;
}),
edges: res.links
}]
};
myChart.setOption(option);

if (option && typeof option === 'object') {
    myChart.setOption(option);
}

})