|
|
@@ -53,18 +53,18 @@ $(document).ready(function () {
|
|
|
const trend = safeInspectionOverview.trend;
|
|
|
const trendChart = echarts.init(document.getElementById('safe-overview-trend'));
|
|
|
trendChart.setOption({
|
|
|
- tooltip: { trigger: 'axis', axisPointer: { type: 'cross' } },
|
|
|
- legend: { data: ['首次上报数', '完成数', '需整改占比'] },
|
|
|
+ tooltip: { trigger: 'axis', axisPointer: { type: 'cross' }, formatter: formatSafeInspectionTrendTooltip },
|
|
|
+ legend: { data: ['提交巡检', '完成巡检', '完成占比'] },
|
|
|
grid: { left: 15, right: 25, top: 65, bottom: 20, containLabel: true },
|
|
|
xAxis: { type: 'category', data: trend.months },
|
|
|
yAxis: [
|
|
|
{ type: 'value', name: '数量(单)', min: 0, minInterval: 1 },
|
|
|
- { type: 'value', name: '比例(%)', min: 0, max: 100, axisLabel: { formatter: '{value}%' } },
|
|
|
+ { type: 'value', name: '比例(%)', min: 0, axisLabel: { formatter: '{value}%' } },
|
|
|
],
|
|
|
series: [
|
|
|
- { name: '首次上报数', type: 'bar', data: trend.submitted, itemStyle: { color: '#007bff' }, barMaxWidth: 24 },
|
|
|
- { name: '完成数', type: 'bar', data: trend.completed, itemStyle: { color: '#28a745' }, barMaxWidth: 24 },
|
|
|
- { name: '需整改占比', type: 'line', yAxisIndex: 1, data: trend.ratios, itemStyle: { color: '#f0ad00' }, symbolSize: 6 },
|
|
|
+ { name: '提交巡检', type: 'bar', data: trend.submitted, itemStyle: { color: '#007bff' }, barMaxWidth: 24 },
|
|
|
+ { name: '完成巡检', type: 'bar', data: trend.completed, itemStyle: { color: '#28a745' }, barMaxWidth: 24 },
|
|
|
+ { name: '完成占比', type: 'line', yAxisIndex: 1, data: trend.ratios, itemStyle: { color: '#f0ad00' }, symbolSize: 6 },
|
|
|
],
|
|
|
});
|
|
|
charts.push(trendChart);
|
|
|
@@ -78,3 +78,12 @@ $(document).ready(function () {
|
|
|
charts.forEach(function (chart) { chart.dispose(); });
|
|
|
});
|
|
|
});
|
|
|
+
|
|
|
+function formatSafeInspectionTrendTooltip(items) {
|
|
|
+ if (!items.length) return '';
|
|
|
+ const title = echarts.format.encodeHTML(items[0].axisValueLabel || items[0].name);
|
|
|
+ return title + '<br/>' + items.map(function (item) {
|
|
|
+ const unit = item.seriesName === '完成占比' ? '%' : '';
|
|
|
+ return item.marker + echarts.format.encodeHTML(item.seriesName) + ':' + Number(item.value) + unit;
|
|
|
+ }).join('<br/>');
|
|
|
+}
|