" + "

" + param[0].name + "

" + "

" + "" + " " + param[0].seriesName + ": " + "" + param[0].value + "" + attrs[0].unit + ""; for (var i = 1; i < param.length; i++) { resultTooltip += "

" + "" + " " + param[i].seriesName + ": " + "" + param[i].value + "" + attrs[i].unit + "" } resultTooltip += "

" + "

"; return resultTooltip } }, grid: { left: '6%', top: '10%', right: '5%', bottom: '8%', }, legend: { show: true, icon: 'roundRect', orient: 'horizontal', top: '2.5%', left: '8%', itemWidth: 40, itemHeight: 1.5, itemGap: 50, textStyle: { // color: '#FFFFFF' fontSize:20, color: '#C9C8CD' } }, xAxis: [{ type: 'category', // data: ['2019-01-01', '2019-02-01', '2019-03-01', '2019-04-01', '2019-05-01', '2019-06-01', '2019-07-01', '2019-08-01', '2019-09-01', '2019-10-01', '2019-11-01', '2019-12-01', '2020-01-01', '2020-02-01', '2020-03-01', '2020-04-01'], data: xData, axisLabel: { show: true, fontSize: 9, textStyle: { color: "#C9C8CD" //X轴文字颜色 }, formatter: function(value) { var str = ""; str += value.substring(5, 10) + "\n"; str += value.substring(11, 16); return str; } }, axisLine: { show: true, //不显示x轴 lineStyle:{ color:"#012749" } }, axisTick: { show: false //不显示刻度 }, boundaryGap: false, splitLine: { show: false, }, axisPointer: { //轴指示器 type: 'shadow', z: 1, shadowStyle: { color: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [{ offset: 0, color: 'rgba(18,155,249,0)' // 0% 处的颜色 }, { offset: 1, color: 'rgba(18,155,249,1)' // 100% 处的颜色 }], global: false // 缺省为 false }, shadowColor: 'rgba(0, 0, 0, 0.2)', shadowBlur: 5 } }, }], yAxis: [{ type: 'value', scale: true, //坐标轴起点不限制0 axisLabel: { show: true, textStyle: { fontSize: 9, color: "#C9C8CD" //X轴文字颜色 } }, splitLine: { show: true, width: 0.08, lineStyle: { type: "solid", color: "#012749" } }, axisTick: { show: false, //不显示刻度 }, axisLine: { show: true, lineStyle:{ color:"#012749" } }, nameTextStyle: { color: "#FFFFFF" }, splitArea: { show: false } }], series: [{ name: attrs[0].name, type: 'line', // data: [10, 18, 5, 23, 14, 40, 58, 50, 45, 56, 53, 47, 45, 65, 55, 50], data: lines[0], lineStyle: { normal: { width: 1.5, color: colors[0], } }, symbol: 'emptyCircle', showSymbol: false, itemStyle: { normal: { color: colors[0], shadowColor: colors[0], shadowBlur: 2, borderWidth: 2, borderColor: colors[0] } }, smooth: true }, { name: attrs[1].name, type: 'line', // data: [23, 60, 20, 36, 23, 58, 81, 76, 68, 76, 73, 68, 65, 85, 75, 70], data: lines[1], lineStyle: { normal: { width: 1.5, color: colors[1] } }, symbol: 'emptyCircle', showSymbol: false, itemStyle: { normal: { color: colors[1], shadowColor: colors[1], shadowBlur: 2, borderWidth: 2, borderColor: colors[1] } }, smooth: true }, { name: attrs[2].name, type: 'line', // data: [23, 60, 20, 36, 23, 58, 81, 76, 68, 76, 73, 68, 65, 85, 75, 70], data: lines[2], lineStyle: { normal: { width: 1.5, color: colors[2] } }, symbol: 'emptyCircle', showSymbol: false, itemStyle: { normal: { color: colors[2], shadowColor: colors[2], shadowBlur: 2, borderWidth: 2, borderColor: colors[2] } }, smooth: true } ] };

Echarts在线免费图表