" + params[0].name + "

"; params.forEach((item, index) => { var dotHtml = ``; result += "

" + dotHtml + `${item.seriesName}` + (item.seriesName ? "" : "") + `${item.data}` + "

"; }); return result; }, //轴触发提示才有效 axisPointer: { type: "shadow", shadowStyle: { color: "rgba(35,49,77,0.01)", }, }, textStyle: { color: "#fff", fontSize: fontSize, }, }, grid: { left: "3%", right: "4%", bottom: "20%", top: "10%", containLabel: true, //包括文本，居中 }, legend: { itemHeight: 18.5, itemWidth: 38.5, itemGap: 16, data: [ { name: "货物进境物流时间", icon: "rect", itemStyle: { color: "#E4BA25", }, }, { name: "货物出境物流时间", icon: "rect", itemStyle: { color: "#FFEBBC", }, }, { name: "货班过站放行时间", icon: "rect", itemStyle: { color: "#73B0C7", }, }, ], left: "center", top: "0", itemGap: 50, textStyle: { //文字样式 color: "#fff", fontSize: "16", }, }, xAxis: { data: chartObj.chartList, type: "category", axisLine: { show: true, lineStyle: { color: "#FFFFFF", }, }, axisLabel: { show: true, fontSize: fontSize, color: "#FFFFFF", interval: 0, //使x轴文字显示全 }, splitLine: { show: false, }, axisTick: { show: false, }, interval: 0, }, yAxis: [ { type: "value", name: "", nameGap: fontSize * 1.5, nameTextStyle: { align: "center", fontSize: fontSize, color: "#2869A9", }, splitNumber: 4, splitLine: { show: false, lineStyle: { color: "rgba(255,255,255,0.1)", }, }, axisLine: { show: true, lineStyle: { color: '#FFFFFF', } }, axisLabel: { show: true, margin: 10, fontSize: fontSize, color: "#FFFFFF", }, axisTick: { show: false, lineStyle: { color: "#2869A9", }, }, }, ], series: series, };

Echarts在线免费图表