${p[0] ? p[0].seriesName : ''}： ${p[0] ? p[0].data : ''}

${p[1] ? p[1].seriesName : ''}： ${p[1] ? p[1].data : ''}

` return dom } }, legend: { align: "left", right: '10%', top: '10%', type: 'plain', textStyle: { color: '#ffffff', fontSize: 16 }, icon: 'rect', itemGap: 25, itemWidth: 18, data:_dataTitle }, grid: { top: '15%', left: '10%', right: '10%', bottom: '15%', // containLabel: true }, xAxis: [{ type: 'category', boundaryGap: true, axisLine: { //坐标轴轴线相关设置。数学上的x轴 show: true, lineStyle: { color: "#rgb(77,83,141)", width: 4 }, }, axisLabel: { //坐标轴刻度标签的相关设置 textStyle: { color: '#7ec7ff', padding: 16, fontSize: 14 }, formatter: function (data) { return data } }, splitLine: { show: true, lineStyle: { color: '#192a44', }, }, axisTick: { show: false, }, data: xLabel }], yAxis: [{ nameTextStyle: { color: "#7ec7ff", fontSize: 16, padding: 10 }, splitLine: { show: true, lineStyle: { color: '#192a44' }, }, axisLine: { show: true, lineStyle: { color: "#rgb(77,83,141)", width: 4 } }, axisLabel: { show: true, textStyle: { color: '#7ec7ff', padding: 8 }, // formatter: function (value) { // var texts = []; // if(value==1000){ // texts.push('1000'); // } // else if (value==2000) { // texts.push('2000'); // } // else if (value==3000) { // texts.push('3000'); // } // else if(value==4000){ // texts.push('4000'); // } // else if(value==5000){ // texts.push('5000'); // } // else if(value==0){ // texts.push('0'); // } // return texts; // } }, axisTick: { show: false, }, }], series: [{ name: _dataTitle[0].name, type: 'line', symbol: 'triangle', // 默认是空心圆（中间是白色的），改成实心圆 showAllSymbol: true, showSymbol: true, smooth: true,//平滑 symbolSize: 10, label:{ show:true, position:"top", color:"rgb(255,128,0)" }, lineStyle: { normal: { width: 1, color: "rgb(255,128,0)", // 线条颜色 }, }, itemStyle: { color: "rgb(255,128,0)", }, tooltip: { show: true }, data: res1 }, { name: _dataTitle[1].name, type: 'line', symbol: 'rect', // 默认是空心圆（中间是白色的），改成实心圆 showAllSymbol: true, showSymbol: true, smooth: true,//平滑 symbolSize: 10, label:{ show:true, position:"bottom", color:"rgba(25,163,223,1)" }, lineStyle: { normal: { width: 1, color: "rgba(25,163,223,1)", // 线条颜色 }, type: 'solid', }, itemStyle: { color: "rgba(25,163,223,1)", }, tooltip: { show: true }, data: res2 }] }; let len = 0 setInterval(() => { if (len === xLabel.length) { len = 0 } myChart.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: len, }) len++ }, 2000)

Echarts在线免费图表