|
|
|
@ -63,6 +63,16 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
setOptions({ expectedData, actualData } = {}) {
|
|
|
|
|
this.chart.setOption({
|
|
|
|
|
title: {
|
|
|
|
|
text: '标题1 ',
|
|
|
|
|
textStyle: {
|
|
|
|
|
align: 'center',
|
|
|
|
|
color: '#000',
|
|
|
|
|
fontSize: 20,
|
|
|
|
|
},
|
|
|
|
|
top: '0%',
|
|
|
|
|
left: '0%',
|
|
|
|
|
},
|
|
|
|
|
xAxis: {
|
|
|
|
|
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
|
|
|
|
|
boundaryGap: false,
|
|
|
|
@ -74,7 +84,7 @@ export default {
|
|
|
|
|
left: 10,
|
|
|
|
|
right: 10,
|
|
|
|
|
bottom: 20,
|
|
|
|
|
top: 30,
|
|
|
|
|
top: 50,
|
|
|
|
|
containLabel: true
|
|
|
|
|
},
|
|
|
|
|
tooltip: {
|
|
|
|
@ -92,25 +102,11 @@ export default {
|
|
|
|
|
legend: {
|
|
|
|
|
data: ['expected', 'actual']
|
|
|
|
|
},
|
|
|
|
|
series: [{
|
|
|
|
|
name: 'expected', itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
color: '#FF005A',
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: '#FF005A',
|
|
|
|
|
width: 2
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
smooth: true,
|
|
|
|
|
type: 'line',
|
|
|
|
|
data: expectedData,
|
|
|
|
|
animationDuration: 2800,
|
|
|
|
|
animationEasing: 'cubicInOut'
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
name: 'actual',
|
|
|
|
|
smooth: true,
|
|
|
|
|
smooth: false,
|
|
|
|
|
type: 'line',
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|