|
|
|
@ -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: { |
|
|
|
|