Browse Source

feat:在线整编-水位的逐日显示

master
waibao2 4 weeks ago
parent
commit
af1daeede2
  1. 31
      src/components/ChartsTimeLine/index.vue

31
src/components/ChartsTimeLine/index.vue

@ -247,7 +247,7 @@
color: "#464b50", color: "#464b50",
borderColor: "#464b50" borderColor: "#464b50"
}, },
bottom:'10%' bottom: '10%'
}, },
title: { title: {
text: props.textTitle, text: props.textTitle,
@ -261,37 +261,18 @@
trigger: 'axis', trigger: 'axis',
axisPointer: { axisPointer: {
type: 'shadow', type: 'shadow',
shadowStyle: {
color: "rgba(133,131,131,0.3)"
}
},
backgroundColor: 'rgba(255,255,255,1)',
padding: [5, 10],
textStyle: {
color: '#7588E4',
align: 'left'
}, },
extraCssText: 'box-shadow: 0 0 5px rgba(0,0,0,0.3)',
formatter: function (params) {
const dateValue = params[0].data[0];
const formattedDate = formatTooltipDataDate(dateValue);
let text = formattedDate + '<br/>';
for (let i = 0; i < params.length; i++) {
text += `<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${params[i].color}"></span>`
text += params[i].seriesName + " : " + params[i].data[1] + '<br/>';
}
return text;
}
}, },
legend: { legend: {
data: props.legendData, data: props.legendData,
right: 10, right: 10,
top: 20, top: 12,
textStyle: { textStyle: {
color: "#333" color: "#000",
}, },
itemWidth: 15, itemWidth: 12,
itemHeight: 8, itemHeight: 10,
}, },
grid: props.grid, grid: props.grid,
toolbox: { toolbox: {

Loading…
Cancel
Save