Basic configuration of Echarts

For more details, please go to the official documentation Documentation - Apache ECharts

1. Prompt box

tooltip: { 
  trigger: 'axis', // Starting selection type 
  axisPointer: { // Axis indicator configuration item 
    type: 'line', // Optional indicator type 'line' 'shadow' 'none' 'cross' 
    lineStyle: {           
      width: 1, 
      color: '#4082FF', 
    }, 
  }, 
},

2. Grid

grid: { 
         show: false, // Whether to display the Cartesian coordinate system grid is false by default 
         left: '10%' // The distance from the container display 
         width: 'auto',    
         backgroundColor: 'rgba(0,0,0,0 )', // Grid background color 
         borderWidth: 1, // Border width 
         borderColor: '#ccc' // Border color 
         shadowBlur: 2, // Shadow 
     },

3. Cartesian coordinate system X and Y axes

xAxis: { 
  type: 'category', // The axis type is optional 'value' 'category' 'time' 'log' boundaryGap: 
  true, // Tick mark 
  interval: 'auto', // The spacing between the coordinate axes 
  data: timeList // Display data at the bottom of the x-axis position : bottom, // The default bottom of data data is adjustable top (top)   
 offset : 5 // The distance of data data from the x-axis 
  axisTick: {         
    show: false, // Is the tick mark Display 
    inside: false // The tick marks face outward by default 
  }, 
},
  

 4. series attribute configuration

series: [ 
  { 
    type: 'line', 
    smooth: true, // Whether to display smooth curve 
    data: dataList, // Data to be displayed 
    type: 'line',         
    areaStyle: {}, // Area fill style 
    itemStyle: { / / Polyline inflection point mark style 
      color: 'rgba(64,130,255,0.5)', 
    }, 
  } 
]