diff --git a/src/views/dashboard/LineChart.vue b/src/views/dashboard/LineChart.vue index 1e23544..cde90c4 100644 --- a/src/views/dashboard/LineChart.vue +++ b/src/views/dashboard/LineChart.vue @@ -64,6 +64,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, @@ -123,7 +133,7 @@ export default { }, { name: 'actual', - smooth: true, + smooth: false, type: 'line', itemStyle: { normal: { diff --git a/src/views/dashboard/LineChart1.vue b/src/views/dashboard/LineChart1.vue index ddd1063..2ba69d7 100644 --- a/src/views/dashboard/LineChart1.vue +++ b/src/views/dashboard/LineChart1.vue @@ -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: {