|
|
|
@ -76,7 +76,13 @@
|
|
|
|
|
});
|
|
|
|
|
}, 100)
|
|
|
|
|
);
|
|
|
|
|
const handleChart = (selector, name, data) => {
|
|
|
|
|
const handleChart = (
|
|
|
|
|
selector,
|
|
|
|
|
name,
|
|
|
|
|
data,
|
|
|
|
|
formatter = (params) =>
|
|
|
|
|
`${params[0].axisValue}<br/><span style="color:${params[0].color};font-size:20px;margin-right:5px;">●</span>${params[0].seriesName}<b style="margin-left:10px;">${params[0].value}</b>`
|
|
|
|
|
) => {
|
|
|
|
|
let chart = charts.value[selector];
|
|
|
|
|
chart?.dispose();
|
|
|
|
|
chart = charts.value[selector] = echarts.init(document.querySelector(selector));
|
|
|
|
@ -93,6 +99,7 @@
|
|
|
|
|
],
|
|
|
|
|
tooltip: {
|
|
|
|
|
trigger: 'axis',
|
|
|
|
|
formatter,
|
|
|
|
|
},
|
|
|
|
|
grid: {
|
|
|
|
|
left: '0',
|
|
|
|
@ -157,7 +164,9 @@
|
|
|
|
|
label: item.hours,
|
|
|
|
|
value: item.messageCount,
|
|
|
|
|
};
|
|
|
|
|
})
|
|
|
|
|
}),
|
|
|
|
|
(params) =>
|
|
|
|
|
`${params[0].axisValue}:00 - ${params[0].axisValue}:59<br/><span style="color:${params[0].color};font-size:20px;margin-right:5px;">●</span>${params[0].seriesName}<b style="margin-left:10px;">${params[0].value}</b>`
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|