个人信息页面图标初始化
1.柱状图堆叠(工单处理情况)
const option01 = {
title: { text: '上周工单处理情况' },
xAxis: { data: ['周一', '周二', ..., '周日'] },
yAxis: { type: 'value' },
series: [
{
name: '维修单',
type: 'bar',
itemStyle: { color: '#6473ff' },
data: [5, 4, 2, ...] // 模拟数据
},
// 其他工单类型(保养单、检测单等)
]
};
const myChart01 = echarts.init(document.getElementById('container01'));
myChart01.setOption(option01);
2.漏斗图(工单状态流程)
const option02 = {
series: [{
type: 'funnel',
data: [
{ value: 60, name: '待处理', itemStyle: { color: '#6473ff' } },
{ value: 40, name: '处理中', ... },
// 其他状态
]
}]
};
3.热力图(工单时段分布)
const option04 = {
series: [{
type: 'heatmap',
data: [[0, 0, 5], [0, 1, 7], ...], // 格式: [x轴索引, y轴索引, 值]
visualMap: {
inRange: { color: ['#1a1a2e', '#6473ff'] } // 颜色映射
}
}]
};