" + "

" + param[0].name + '

' + "

" + "" + " " + param[0].seriesName + ': ' + "" + param[0].value + '' + attrs[0].unit + ''; resultTooltip += '

' + '

'; return resultTooltip; }, }, grid: { left: '5%', top: '10%', right: '5%', bottom: '10%', }, legend: { show: true, icon: 'none', orient: 'horizontal', top: '2%', right: '2%', itemWidth: 15, itemHeight: 25, itemGap: 0, selectedMode: 'single', selected: { // // 选中'系列1' // '贷款': false, // // 不选中'系列2' // '支付': true, // '农富宝': false, // '农信保': false, // '农信租': false, // '农信险': false, }, textStyle: { fontSize: 15, color: '#109DFF', backgroundColor: 'rgba(55,63,82,0.8)', borderWidth:1, borderRadius: 3, padding: [5, 8], }, inactiveColor: '#ccc', }, xAxis: [ { type: 'category', data: xData, axisLabel: { show: true, fontSize: 9, textStyle: { color: '#C9C8CD', //X轴文字颜色 }, formatter: function (value) { var str = ''; str += value.substring(0, 10); // str += value.substring(5, 7); return str; }, }, axisLine: { show: true, //不显示x轴 lineStyle: { color: '#012749', }, }, axisTick: { show: false, //不显示刻度 }, boundaryGap: true, splitLine: { show: false, width: 1, lineStyle: { type: 'solid', color: '#03202E', }, }, 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: 2, }, }, }, ], yAxis: [ { type: 'value', scale: false, //坐标轴起点不限制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: series, };

Echarts在线免费图表