'; //为了保证和原来的效果一样，这里自己实现了一个点的效果 singleText += ''; //圆点后面显示的文本 singleText += seriesName + '：' + value; singleText += '

'; if(i%2==0){ zhtml+=singleText; if(i==2){ zhtml += "08/13 08:00:00" + '
' } }else{ xhtml+=singleText; } } htmlStr=htmlStr+zhtml+xhtml; return htmlStr; } }, legend: { data: ['x_当前值', 'x_对比值','y_当前值','y_对比值'], orient:'horizontal', x:'center', y:'top', padding: 35 }, axisPointer: { link: { xAxisIndex: 'all' } }, grid: [{ left: 50, right: 50, height: '30%' }, { left: 50, right: 50, top: '55%', height: '30%' }], xAxis: [{ type: 'category', name: '深度(m)', nameGap: 5, nameTextStyle: { color: '#000000' }, boundaryGap: false, axisLine: { onZero: false, lineStyle: { type: 'solid', color: '#000000' } }, data: x_rate_data }, { gridIndex: 1, name: '深度(m)', type: 'category', nameGap: 5, nameTextStyle: { color: '#000000' }, boundaryGap: false, axisLine: { onZero: false, lineStyle: { type: 'solid', color: '#000000' } }, data: x_rate_data } ], yAxis: [{ name: 'x_位移量(mm)', nameGap: 20, nameTextStyle: { color: '#000000' }, type: 'value', axisLine: { lineStyle: { color: '#000000' } }, max: 50, min: -50 }, { gridIndex: 1, nameGap: 30, name: 'y_位移量(mm)', nameTextStyle: { color: '#000000' }, type: 'value', axisLine: { lineStyle: { color: '#000000' } }, max: 50, min: -50, inverse: false } ], series: [{ name: 'x_当前值', type: 'line', symbolSize: 8, hoverAnimation: true, data: single_x1_data, itemStyle: { normal: { lineStyle: { color: '#c23531', } } } }, { name: 'x_对比值', type: 'line', symbolSize: 8, hoverAnimation: true, data: single_x2_data, itemStyle: { normal: { lineStyle: { color: '#2f4554' } } } }, { name: 'y_当前值', type: 'line', xAxisIndex: 1, yAxisIndex: 1, symbolSize: 8, hoverAnimation: true, data: single_y1_data, itemStyle: { normal: { lineStyle: { color: '#61a0a8' } } } }, { name: 'y_对比值', type: 'line', xAxisIndex: 1, yAxisIndex: 1, symbolSize: 8, hoverAnimation: true, data: single_y2_data, itemStyle: { normal: { lineStyle: { color: '#d48265' } } } } ] }; return singleOption; }

深层水平位移