' + detaildate + '' + '
' + detailseries + '：' + heartRate + '

';; return html; } }, legend: { show: true, top: "0", right: '12', textStyle: { color: "#666666", fontWeight: "normal" }, selectedMode: false }, grid: { left: '3%', right: '3%', top: '30', bottom: '10', containLabel: true }, xAxis: { type: 'category', splitLine: { show: false }, boundaryGap: false, inverse: true, //箭头是否反向显示 data: echartData.xAxis, axisLabel: { formatter: function(xVal) { var x = xVal.split(" ")[0].split("-") /*,ddd=xVal.split(" ")[1].split(":")*/ ; return x[1] + "-" + x[2]; }, fontSize: "13", color: "#999999" }, axisLine: { lineStyle: { width: '0.5', color: "#B3B3B3" } }, axisTick: { show: false } }, yAxis: [{ type: 'value', splitLine: { show: false }, position: 'left', axisLine: { lineStyle: { width: '0.5', color: "#B3B3B3" } }, axisTick: { show: false }, axisLabel: { formatter: '' }, min: configData.ymin.toFixed(0) < 10 ? 0 : configData.ymin.toFixed(0), max: configData.ymax.toFixed(0) < 10 ? 10 : configData.ymax.toFixed(0) }, { type: 'value', splitLine: { show: false }, position: 'right', axisLine: { lineStyle: { width: '0.5', color: "#E7E7E7" } }, axisTick: { show: false } } ], series: [{ name: configData.name, type: 'line', symbol: "emptyCircle", symbolSize: 8, showAllSymbol: true, smooth: false, data: echartData.data, markPoint: sigle_point, markArea: { silent: true, show: true, itemStyle: { normal: { color: "#F4F9F0", opacity: '1' } }, data: [ [{ yAxis: configData.markYmin }, { yAxis: configData.markYmax }] ] }, lineStyle: { color: "#2AA2AA", width: '2' }, itemStyle: { color: "#2AA2AA", opacity: '1' }, markLine: { silent: true, show: true, animation: false, symbol: 'none', //是否显示箭头 lineStyle: { normal: { type: 'solid', color: "#D7D7D7", width: '0.5' } }, tooltip: { formatter: '' }, data: [{ xAxis: 0, yAxis: configData.markYmax, label: { normal: { formatter: configData.markYmax, position: 'end', color: "#999999" } } }, { xAxis: 0, yAxis: configData.markYmin, label: { normal: { formatter: configData.markYmin, position: 'end', color: "#999999" } } } ] } }, { name: '正常区间', type: 'bar', itemStyle: { color: "#E8F5E8", opacity: '1' }, data: [] } ] };

区域折线图标记