效果图:
    image.png
    代码:(实现方法:在series给name值,这样图例就可以显示出来了)

    1. //历月合同签订数量
    2. private contractChart() {
    3. let contractChart = echarts.init(
    4. document.getElementById('contractChart') as HTMLElement
    5. )
    6. contractChart.setOption({
    7. xAxis: {
    8. type: 'category',
    9. data: [
    10. '2020-01',
    11. '2020-08',
    12. '2021-03',
    13. '2021-05',
    14. '2021-07',
    15. '2021-09',
    16. ],
    17. },
    18. yAxis: {
    19. type: 'value',
    20. splitLine: { //网格线
    21. show: true,
    22. },
    23. axisLine: { //轴线
    24. show: true,
    25. },
    26. axisTick: { //轴刻线
    27. show: true,
    28. },
    29. },
    30. legend: {
    31. show: true,
    32. },
    33. series: [
    34. {
    35. name: '数量',
    36. data: [1, 1, 2, 5, 3, 4],
    37. type: 'line',
    38. smooth: true,
    39. },
    40. ],
    41. })
    42. }