| | |
| | | var content = UnitHelper.valueFormat(UnitHelper.getDispValueQ(UnitHelper.ConvertQ_fromM3H(m_unit.Q, q))); |
| | | var posiX_grid = m_chartSize.DiagramLeft + m_chartSize.SpaceGridX * i; |
| | | //刻度线 |
| | | var valueMain = new Array(); |
| | | var valueMain = []; |
| | | valueMain.push("M ", posiX_grid, " ", bottom_posi, " L ", posiX_grid, " ", bottom_posi + tickLength); |
| | | m_svg.createPath(null, valueMain.join(''), attrAxisTickX, null);//"TickLineX" + i |
| | | |
| | |
| | | if (m_displayStyle.isDispMiniTick && i != m_coordinatePara.GridNumberX) { |
| | | for (var j = 0; j <= m_displayStyle.MiniTickNumber; j++) { |
| | | var pois_minTick = posiX_grid + m_chartSize.SpaceGridX * j / (m_displayStyle.MiniTickNumber + 1); |
| | | var valueMini = new Array(); |
| | | var valueMini = []; |
| | | valueMini.push("M ", pois_minTick, " ", bottom_posi, " L ", pois_minTick, " ", bottom_posi + minTickLength); |
| | | m_svg.createPath(null, valueMini.join(''), attrAxisTickX, null); |
| | | } |
| | |
| | | var posiY_grid = m_chartSize.UpDiagram.Bottom - m_chartSize.UpDiagram.SpaceGridY * i; |
| | | |
| | | //主刻度 |
| | | var valueMain = new Array(); |
| | | var valueMain = []; |
| | | valueMain.push("M ", m_chartSize.DiagramLeft, " ", posiY_grid, " L ", m_chartSize.DiagramLeft - tickLength, " ", posiY_grid); |
| | | m_svg.createPath(null, valueMain.join(''), attrAxisTickH, null); |
| | | |
| | |
| | | if (m_displayStyle.isDispMiniTick && i != m_coordinatePara.EndLineNoH) { |
| | | for (var j = 1; j <= m_displayStyle.MiniTickNumber; j++) { |
| | | var pois_minTick = posiY_grid - m_chartSize.UpDiagram.SpaceGridY * j / (m_displayStyle.MiniTickNumber + 1); |
| | | var valueMini = new Array(); |
| | | var valueMini = []; |
| | | valueMini.push("M ", m_chartSize.DiagramLeft, " ", pois_minTick, " L ", m_chartSize.DiagramLeft - minTickLength, " ", pois_minTick); |
| | | m_svg.createPath(null, valueMini.join(''), attrAxisTickH, null); |
| | | } |
| | |
| | | var content = m_coordinatePara.MinE + i * m_coordinatePara.SpaceE; |
| | | var posiY_grid = m_chartSize.UpDiagram.Bottom - m_chartSize.UpDiagram.SpaceGridY * i; |
| | | //主刻度 |
| | | var valueMain = new Array(); |
| | | var valueMain = []; |
| | | valueMain.push("M ", m_chartSize.DiagramRight, " ", posiY_grid, " L ", m_chartSize.DiagramRight + tickLength, " ", posiY_grid); |
| | | m_svg.createPath(null, valueMain.join(''), attrAxisTickE, null); |
| | | |
| | |
| | | if (m_displayStyle.isDispMiniTick && i != m_coordinatePara.EndLineNoE) { |
| | | for (var j = 0; j < m_displayStyle.MiniTickNumber; j++) { |
| | | var pois_minTick = posiY_grid - m_chartSize.UpDiagram.SpaceGridY * j / m_displayStyle.MiniTickNumber; |
| | | var valueMini = new Array(); |
| | | var valueMini = []; |
| | | valueMini.push("M ", m_chartSize.DiagramRight, " ", pois_minTick, " L ", m_chartSize.DiagramRight + minTickLength, " ", pois_minTick); |
| | | m_svg.createPath(null, valueMini.join(''), attrAxisTickE, null); |
| | | } |
| | |
| | | |
| | | var posiY_grid = m_chartSize.DownDiagram.Bottom - m_chartSize.DownDiagram.SpaceGridY * i; |
| | | //主刻度 |
| | | var valueMain = new Array(); |
| | | var valueMain = []; |
| | | valueMain.push("M ", m_chartSize.DiagramLeft, " ", posiY_grid, " L ", m_chartSize.DiagramLeft - tickLength, " ", posiY_grid); |
| | | m_svg.createPath(null, valueMain.join(''), attrAxisTickP, null); |
| | | |
| | |
| | | if (m_displayStyle.isDispMiniTick && i != m_coordinatePara.EndLineNoP && i != m_coordinatePara.EndLineNoE) { |
| | | for (var j = 1; j < m_displayStyle.MiniTickNumber; j++) { |
| | | var pois_minTick = posiY_grid - m_chartSize.DownDiagram.SpaceGridY * j / m_displayStyle.MiniTickNumber; |
| | | var valueMini = new Array(); |
| | | var valueMini = []; |
| | | valueMini.push("M ", m_chartSize.DiagramLeft, " ", pois_minTick, " L ", m_chartSize.DiagramLeft - minTickLength, " ", pois_minTick); |
| | | m_svg.createPath(null, valueMini.join(''), attrAxisTickP, null); |
| | | } |
| | |
| | | var content = UnitHelper.valueFormat(m_coordinatePara.MinNPSH + i * m_coordinatePara.SpaceNPSH); |
| | | var posiY_grid = m_chartSize.DownDiagram.Bottom - m_chartSize.DownDiagram.SpaceGridY * i; |
| | | //主刻度 |
| | | var valueMain = new Array(); |
| | | var valueMain = []; |
| | | valueMain.push("M ", m_chartSize.DiagramRight, " ", posiY_grid, " L ", m_chartSize.DiagramRight + tickLength, " ", posiY_grid); |
| | | m_svg.createPath(null, valueMain.join(''), attrAxisTickNPSH, null); |
| | | |
| | |
| | | if (m_displayStyle.isDispMiniTick && i != m_coordinatePara.EndLineNoNPSH) { |
| | | for (var j = 0; j < m_displayStyle.MiniTickNumber; j++) { |
| | | var pois_minTick = posiY_grid - m_chartSize.DownDiagram.SpaceGridY * j / m_displayStyle.MiniTickNumber; |
| | | var valueMini = new Array(); |
| | | var valueMini = []; |
| | | valueMini.push("M ", m_chartSize.DiagramRight, " ", pois_minTick, " L ", m_chartSize.DiagramRight + minTickLength, " ", pois_minTick); |
| | | m_svg.createPath(null, valueMini.join(''), attrAxisTickNPSH, null); |
| | | } |
| | |
| | | var posiY_grid = m_chartSize.PanelH.Bottom - m_chartSize.UpDiagram.SpaceGridY * i; |
| | | |
| | | //主刻度 |
| | | var valueMain = new Array(); |
| | | var valueMain = []; |
| | | valueMain.push("M ", m_chartSize.DiagramLeft, " ", posiY_grid, " L ", m_chartSize.DiagramLeft - tickLength, " ", posiY_grid); |
| | | m_svg.createPath(null, valueMain.join(''), attrAxisTickH, null); |
| | | |
| | |
| | | if (m_displayStyle.isDispMiniTick && i != (m_coordinatePara.EndLineNoH - m_coordinatePara.StartLineNoH)) { |
| | | for (var j = 1; j <= m_displayStyle.MiniTickNumber; j++) { |
| | | var pois_minTick = posiY_grid - m_chartSize.UpDiagram.SpaceGridY * j / (m_displayStyle.MiniTickNumber + 1); |
| | | var valueMini = new Array(); |
| | | var valueMini = []; |
| | | valueMini.push("M ", m_chartSize.DiagramLeft, " ", pois_minTick, " L ", m_chartSize.DiagramLeft - minTickLength, " ", pois_minTick); |
| | | m_svg.createPath(null, valueMini.join(''), attrAxisTickH, null); |
| | | } |
| | |
| | | |
| | | var posiY_grid = m_chartSize.PanelE.Bottom - m_chartSize.UpDiagram.SpaceGridY * i; |
| | | //主刻度 |
| | | var valueMain = new Array(); |
| | | var valueMain = []; |
| | | valueMain.push("M ", m_chartSize.DiagramRight, " ", posiY_grid, " L ", m_chartSize.DiagramRight + tickLength, " ", posiY_grid); |
| | | m_svg.createPath(null, valueMain.join(''), attrAxisTickE, null); |
| | | |
| | |
| | | if (m_displayStyle.isDispMiniTick && i != (m_coordinatePara.EndLineNoE - m_coordinatePara.StartLineNoE)) { |
| | | for (var j = 0; j < m_displayStyle.MiniTickNumber; j++) { |
| | | var pois_minTick = posiY_grid - m_chartSize.UpDiagram.SpaceGridY * j / m_displayStyle.MiniTickNumber; |
| | | var valueMini = new Array(); |
| | | var valueMini = []; |
| | | valueMini.push("M ", m_chartSize.DiagramRight, " ", pois_minTick, " L ", m_chartSize.DiagramRight + minTickLength, " ", pois_minTick); |
| | | m_svg.createPath(null, valueMini.join(''), attrAxisTickE, null); |
| | | } |
| | |
| | | |
| | | var posiY_grid = m_chartSize.PanelP.Bottom - m_chartSize.DownDiagram.SpaceGridY * i; |
| | | //主刻度 |
| | | var valueMain = new Array(); |
| | | var valueMain = []; |
| | | valueMain.push("M ", m_chartSize.DiagramLeft, " ", posiY_grid, " L ", m_chartSize.DiagramLeft - tickLength, " ", posiY_grid); |
| | | m_svg.createPath(null, valueMain.join(''), attrAxisTickP, null); |
| | | |
| | |
| | | && i != (m_coordinatePara.EndLineNoP - m_coordinatePara.StartLineNoP)) { |
| | | for (var j = 1; j < m_displayStyle.MiniTickNumber; j++) { |
| | | var pois_minTick = posiY_grid - m_chartSize.DownDiagram.SpaceGridY * j / m_displayStyle.MiniTickNumber; |
| | | var valueMini = new Array(); |
| | | var valueMini = []; |
| | | valueMini.push("M ", m_chartSize.DiagramLeft, " ", pois_minTick, " L ", m_chartSize.DiagramLeft - minTickLength, " ", pois_minTick); |
| | | m_svg.createPath(null, valueMini.join(''), attrAxisTickP, null); |
| | | } |
| | |
| | | |
| | | var posiY_grid = m_chartSize.PanelNPSH.Bottom - m_chartSize.DownDiagram.SpaceGridY * i; |
| | | //主刻度 |
| | | var valueMain = new Array(); |
| | | var valueMain = []; |
| | | valueMain.push("M ", m_chartSize.DiagramRight, " ", posiY_grid, " L ", m_chartSize.DiagramRight + tickLength, " ", posiY_grid); |
| | | m_svg.createPath(null, valueMain.join(''), attrAxisTickNPSH, null); |
| | | |
| | |
| | | if (m_displayStyle.isDispMiniTick && i != (m_coordinatePara.EndLineNoNPSH - m_coordinatePara.StartLineNoNPSH)) { |
| | | for (var j = 0; j < m_displayStyle.MiniTickNumber; j++) { |
| | | var pois_minTick = posiY_grid - m_chartSize.DownDiagram.SpaceGridY * j / m_displayStyle.MiniTickNumber; |
| | | var valueMini = new Array(); |
| | | var valueMini = []; |
| | | valueMini.push("M ", m_chartSize.DiagramRight, " ", pois_minTick, " L ", m_chartSize.DiagramRight + minTickLength, " ", pois_minTick); |
| | | m_svg.createPath(null, valueMini.join(''), attrAxisTickNPSH, null); |
| | | } |
| | |
| | | }; |
| | | //产生装置曲线 |
| | | var drawEquipmentCurve = function () { |
| | | $("#EquipmentCurve").remove(); |
| | | var equipmentCurveElement = document.getElementById("EquipmentCurve"); |
| | | if (equipmentCurveElement) { |
| | | equipmentCurveElement.remove(); |
| | | } |
| | | if (m_chartObject.EquipmentSectPt == null) |
| | | return; |
| | | var pointNumber = 20; |
| | |
| | | return; |
| | | } |
| | | |
| | | var pixelPoints = new Array(); |
| | | var pixelPoints = []; |
| | | for (var v = 0; v < curvePoints.length; v++) { |
| | | var pt = curvePoints[v]; |
| | | var x = getPixelValueQ(pt.X); |
| | |
| | | //有时会报错,加上这个就没事 tangxu 20151122 |
| | | if (pathValue.toString().indexOf("M ,NaN, ,NaN") == 0) { |
| | | return; |
| | | }; |
| | | } |
| | | |
| | | var style = { |
| | | "stroke-width": "2px", |
| | |
| | | }, style); |
| | | //是否显示 |
| | | if (isDisp != null && !isDisp) { |
| | | $("#" + curveElementName).hide(); |
| | | document.getElementById(curveElementName).style.display = 'none'; |
| | | } |
| | | |
| | | //绘制定义点 |
| | |
| | | if (curveElementName == "PerferBlodCurveQE_Allow") |
| | | isForceZeroPt = false; |
| | | |
| | | var pixelPoints = new Array(); |
| | | var pixelPoints = []; |
| | | for (var v = 0; v < points.length; v++) { |
| | | if (isForceZeroPt && v == 0 && points[0].X < 10) {//强制归零 |
| | | points[0].X = 0; |
| | |
| | | //有时会报错,加上这个就没事 tangxu 20151122 |
| | | if (pathValue.toString().indexOf("M ,NaN, ,NaN") == 0) { |
| | | return null; |
| | | }; |
| | | } |
| | | var style = { |
| | | "stroke-width": "2px", |
| | | "stroke": m_displayStyle.ColorE, |
| | |
| | | "id": curveElementName |
| | | }, style); |
| | | if (isDisp != null && !isDisp) { |
| | | $("#" + curveElementName).hide(); |
| | | document.getElementById(curveElementName).style.display = 'none'; |
| | | } |
| | | return pixelPoints; |
| | | }; |
| | |
| | | return null; |
| | | } |
| | | |
| | | var pixelPoints = new Array(); |
| | | var pixelPoints = []; |
| | | for (var v = 0; v < points.length; v++) { |
| | | var pt = points[v]; |
| | | var x = getPixelValueQ(pt.X); |
| | |
| | | //有时会报错,加上这个就没事 tangxu 20151122 |
| | | if (pathValue.toString().indexOf("M ,NaN, ,NaN") == 0) { |
| | | return null; |
| | | }; |
| | | } |
| | | var style = { |
| | | "stroke-width": "2px", |
| | | "stroke": m_displayStyle.ColorP, |
| | |
| | | "id": curveElementName |
| | | }, style); |
| | | if (curveIsDisp != null && !curveIsDisp) { |
| | | $("#" + curveElementName).hide(); |
| | | document.getElementById(curveElementName).style.display = 'none'; |
| | | } |
| | | |
| | | return pixelPoints; |
| | |
| | | return null; |
| | | } |
| | | |
| | | var pixelPoints = new Array(); |
| | | var pixelPoints = []; |
| | | for (var v = 0; v < points.length; v++) { |
| | | var pt = points[v]; |
| | | var x = getPixelValueQ(pt.X); |
| | |
| | | //有时会报错,加上这个就没事 tangxu 20151122 |
| | | if (pathValue.toString().indexOf("M ,NaN, ,NaN") == 0) { |
| | | return; |
| | | }; |
| | | } |
| | | var style = { |
| | | "stroke-width": "2px", |
| | | "stroke": m_displayStyle.ColorNPSH, |
| | |
| | | "id": curveElementName |
| | | }, style); |
| | | if (curveIsDisp != null && !curveIsDisp) { |
| | | $("#" + curveElementName).hide(); |
| | | document.getElementById(curveElementName).style.display = 'none'; |
| | | } |
| | | }; |
| | | //清理 |
| | |
| | | }; |
| | | //产生装置曲线 |
| | | var drawEquipmentCurve = function () { |
| | | $("#EquipmentCurve").remove(); |
| | | var equipmentCurveElement = document.getElementById("EquipmentCurve"); |
| | | if (equipmentCurveElement) { |
| | | equipmentCurveElement.remove(); |
| | | } |
| | | if (m_chartObject.EquipmentSectPt == null) |
| | | return; |
| | | var pointNumber = 20; |
| | |
| | | //查询查询竖直指导线 |
| | | var drawQueryIndicatVertLine = function () { |
| | | |
| | | if ($("#infoDv4VerticalLine").is("div")) { |
| | | $("#infoDv4VerticalLine").remove(); |
| | | if (document.getElementById("infoDv4VerticalLine")) { |
| | | var infoDiv = document.getElementById("infoDv4VerticalLine"); |
| | | if (infoDiv) { |
| | | infoDiv.parentNode.removeChild(infoDiv); |
| | | } |
| | | } |
| | | |
| | | //先创建用于放置查询信息的Div |
| | | var htmlDiv = "<lable style='font-size:7px'>" + getTranslateString("流量") + "</label>"; |
| | | $("#" + m_divChartName).append($("<div id='infoDv4VerticalLine'></div>").css({ |
| | | "position": "relative",//relative absolute |
| | | "color": "gray", |
| | | "font-size": "9px", |
| | | //"font-family": "Times New Roman", |
| | | //"font-weight": "bold", |
| | | "text-align": "left", |
| | | "width": "120px", |
| | | "left": (m_chartSize.DiagramRight - 125).toString() + "px", |
| | | "top": (12 - m_chartSize.TotalHeight).toString() + "px",// + m_divChartName + "px" |
| | | }).html(htmlDiv).hide()); |
| | | var infoDiv = document.createElement('div'); |
| | | infoDiv.id = 'infoDv4VerticalLine'; |
| | | infoDiv.style.position = 'relative'; |
| | | infoDiv.style.color = 'gray'; |
| | | infoDiv.style.fontSize = '9px'; |
| | | infoDiv.style.textAlign = 'left'; |
| | | infoDiv.style.width = '120px'; |
| | | infoDiv.style.left = (m_chartSize.DiagramRight - 125) + 'px'; |
| | | infoDiv.style.top = (12 - m_chartSize.TotalHeight) + 'px'; |
| | | infoDiv.innerHTML = htmlDiv; |
| | | infoDiv.style.display = 'none'; |
| | | document.getElementById(m_divChartName).appendChild(infoDiv); |
| | | |
| | | m_infoDv4VerticalLine = $("#infoDv4VerticalLine"); |
| | | m_infoDv4VerticalLine = document.getElementById("infoDv4VerticalLine"); |
| | | |
| | | |
| | | var attr4verticalLine = { |
| | |
| | | |
| | | |
| | | //创建竖直线 |
| | | var pathValue1 = new Array(); |
| | | var pathValue1 = []; |
| | | var vertialLinePathName1 = "verticalLine1"; |
| | | pathValue1.push("M ", xStartValuePixel, " ", m_chartSize.UpDiagram.Up, " L ", xStartValuePixel, " ", m_chartSize.DownDiagram.Bottom); |
| | | m_svg.createPath(vertialLinePathName1, pathValue1.join(''), { |
| | | id: vertialLinePathName1 |
| | | }, attr4verticalLine, null); |
| | | m_queryInfoIndicatorLineV = $(getSvgObjByName(vertialLinePathName1)); |
| | | m_queryInfoIndicatorLineV = document.getElementById(vertialLinePathName1); |
| | | |
| | | |
| | | |
| | |
| | | }); |
| | | |
| | | |
| | | $(document).mousemove(function (e) { |
| | | document.addEventListener('mousemove', function (e) { |
| | | |
| | | if (isMoveVerticalLine) { |
| | | var svg_root = m_svg.getRootNode(); |
| | | var svg = $(svg_root); |
| | | var svg = document.querySelector(svg_root); |
| | | |
| | | var e = window.event || e; |
| | | if (e.clientX - svg.offset().left > m_chartSize.DiagramLeft && |
| | |
| | | drawQueryDataInfo(xPixel); |
| | | //修改位置 |
| | | if (m_queryInfoIndicatorLineV) { |
| | | var pathValue1 = new Array(); |
| | | var pathValue1 = []; |
| | | pathValue1.push("M ", xPixel, " ", m_chartSize.UpDiagram.Up, " L ", xPixel, " ", m_chartSize.DownDiagram.Bottom); |
| | | m_queryInfoIndicatorLineV.attr("d", pathValue1.join('')); |
| | | } |
| | | } |
| | | } |
| | | }).mouseup(function (e) { |
| | | }) |
| | | document.addEventListener('mouseup', function (e) { |
| | | if (isMoveVerticalLine) { |
| | | isMoveVerticalLine = false; |
| | | } |
| | |
| | | //绘制图表(所有曲线) |
| | | var drawDiagramCurve = function () { |
| | | var curveWidth = 2; |
| | | var maxCurveQHElement = document.getElementById("MaxCurveQH"); |
| | | if (maxCurveQHElement) { |
| | | maxCurveQHElement.remove(); |
| | | } |
| | | |
| | | $("#MaxCurveQH").remove(); |
| | | //$("#MaxCurveQE").remove(); |
| | | $("#MaxCurveQP").remove(); |
| | | $("#MaxCurveQHText").remove(); |
| | | //$("#MaxCurveQEText").remove(); |
| | | $("#MaxCurveQPText").remove(); |
| | | var maxCurveQPElement = document.getElementById("MaxCurveQP"); |
| | | if (maxCurveQPElement) { |
| | | maxCurveQPElement.remove(); |
| | | } |
| | | |
| | | var maxCurveQHTextElement = document.getElementById("MaxCurveQHText"); |
| | | if (maxCurveQHTextElement) { |
| | | maxCurveQHTextElement.remove(); |
| | | } |
| | | |
| | | var maxCurveQPTextElement = document.getElementById("MaxCurveQPText"); |
| | | if (maxCurveQPTextElement) { |
| | | maxCurveQPTextElement.remove(); |
| | | } |
| | | |
| | | if (m_simuSpeedCurves != null && m_simuSpeedCurves.length > 0) { |
| | | for (var i = 0; i < m_simuSpeedCurves.length; i++) { |
| | | var id = m_simuSpeedCurves[i].id; |
| | | $("#SimuCurveQH" + id).remove(); |
| | | //$("#SimuCurveQE"+id).remove(); |
| | | $("#SimuCurveQP" + id).remove(); |
| | | var curveQHElement = document.getElementById("SimuCurveQH" + id); |
| | | if (curveQHElement) { |
| | | curveQHElement.remove(); |
| | | } |
| | | |
| | | $("#SimuCurveQHText" + id).remove(); |
| | | //$("#SimuCurveQEText"+id).remove(); |
| | | $("#SimuCurveQPText" + id).remove(); |
| | | var curveQPElement = document.getElementById("SimuCurveQP" + id); |
| | | if (curveQPElement) { |
| | | curveQPElement.remove(); |
| | | } |
| | | |
| | | var curveQHTextElement = document.getElementById("SimuCurveQHText" + id); |
| | | if (curveQHTextElement) { |
| | | curveQHTextElement.remove(); |
| | | } |
| | | |
| | | var curveQPTextElement = document.getElementById("SimuCurveQPText" + id); |
| | | if (curveQPTextElement) { |
| | | curveQPTextElement.remove(); |
| | | } |
| | | } |
| | | } |
| | | |
| | | // |
| | | m_maxSpeedCurve.color = "#003a6c"; |
| | | |
| | | var curveMaxPathQH = createCurveQH("MaxCurveQH", m_maxSpeedCurve.RealQH, curveWidth, m_maxSpeedCurve.color); |
| | | var pointsQH = m_maxSpeedCurve.RealQH; |
| | | drawSpeedTextByQH("MaxCurveQHText", m_maxSpeedCurve.speed, pointsQH[pointsQH.length - 1], m_maxSpeedCurve.color); |
| | |
| | | break; |
| | | } |
| | | if (isNeedRefresh) { |
| | | $("#" + m_divChartName).empty(); |
| | | document.getElementById(m_divChartName).innerHTML = ''; |
| | | |
| | | //初始化面板尺寸 |
| | | initialPanelSize(); |
| | |
| | | var curveColor = simuCurve.color; |
| | | var curve_id = simuCurve.id; |
| | | |
| | | $("#SimuCurveQH" + curve_id).remove(); |
| | | //$("#SimuCurveQE"+i).remove(); |
| | | $("#SimuCurveQP" + curve_id).remove(); |
| | | var curveQHElement = document.getElementById("SimuCurveQH" + curve_id); |
| | | if (curveQHElement) { |
| | | curveQHElement.remove(); |
| | | } |
| | | |
| | | $("#SimuCurveQHText" + curve_id).remove(); |
| | | //$("#SimuCurveQEText"+i).remove(); |
| | | $("#SimuCurveQPText" + curve_id).remove(); |
| | | var curveQPElement = document.getElementById("SimuCurveQP" + curve_id); |
| | | if (curveQPElement) { |
| | | curveQPElement.remove(); |
| | | } |
| | | |
| | | var curveQHTextElement = document.getElementById("SimuCurveQHText" + curve_id); |
| | | if (curveQHTextElement) { |
| | | curveQHTextElement.remove(); |
| | | } |
| | | |
| | | var curveQPTextElement = document.getElementById("SimuCurveQPText" + curve_id); |
| | | if (curveQPTextElement) { |
| | | curveQPTextElement.remove(); |
| | | } |
| | | |
| | | var int_speed = Math.round(speed) ; |
| | | |
| | |
| | | //产生网格线竖直方向 |
| | | for (var i = 0; i <= m_coordinatePara.GridNumberX; i++) { |
| | | var distance = m_chartSize.SpaceGridX * i; |
| | | var valueTemp = new Array(); |
| | | var valueTemp = []; |
| | | valueTemp.push("M ", m_chartSize.DiagramLeft + distance, " ", m_chartSize.SpaceTop, " L ", m_chartSize.DiagramLeft + distance, " ", m_chartSize.UpDiagram.Bottom); |
| | | m_svg.createPath(null, valueTemp.join(''), attr, null); |
| | | } |
| | |
| | | //产生网格线水平方向 |
| | | for (var i = 0; i <= m_coordinatePara.GridNumberY; i++) { |
| | | var distance = m_chartSize.UpDiagram.SpaceGridY * i; |
| | | var valueTemp = new Array(); |
| | | var valueTemp = []; |
| | | valueTemp.push("M ", m_chartSize.DiagramLeft, " ", m_chartSize.SpaceTop + distance, " L ", m_chartSize.DiagramRight, " ", m_chartSize.SpaceTop + distance); |
| | | m_svg.createPath(null, valueTemp.join(''), attr, null); |
| | | } |
| | |
| | | //产生网格线竖直方向 |
| | | for (var i = 0; i <= m_coordinatePara.GridNumberX; i++) { |
| | | var distance = m_chartSize.SpaceGridX * i; |
| | | var valueTemp = new Array(); |
| | | var valueTemp = []; |
| | | valueTemp.push("M ", m_chartSize.DiagramLeft + distance, " ", m_chartSize.UpDiagram.Up, " L ", m_chartSize.DiagramLeft + distance, " ", m_chartSize.UpDiagram.Bottom); |
| | | m_svg.createPath(null, valueTemp.join(''), attr, null); |
| | | |
| | |
| | | |
| | | for (var i = 0; i <= m_coordinatePara.GridNumberX; i++) { |
| | | var distance = m_chartSize.SpaceGridX * i; |
| | | var valueTemp = new Array(); |
| | | var valueTemp = []; |
| | | valueTemp.push("M ", m_chartSize.DiagramLeft + distance, " ", m_chartSize.DownDiagram.Up, " L ", m_chartSize.DiagramLeft + distance, " ", m_chartSize.DownDiagram.Bottom); |
| | | m_svg.createPath(null, valueTemp.join(''), attr, null); |
| | | } |
| | |
| | | //产生网格线水平方向 |
| | | for (var i = 0; i <= m_chartSize.UpDiagram.GridNumberY; i++) { |
| | | var distance = m_chartSize.UpDiagram.SpaceGridY * i; |
| | | var valueTemp = new Array(); |
| | | var valueTemp = []; |
| | | valueTemp.push("M ", m_chartSize.DiagramLeft, " ", m_chartSize.UpDiagram.Up + distance, " L ", m_chartSize.DiagramRight, " ", m_chartSize.UpDiagram.Up + distance); |
| | | m_svg.createPath(null, valueTemp.join(''), attr, null); |
| | | } |
| | | |
| | | for (var i = 0; i <= m_chartSize.DownDiagram.GridNumberY; i++) { |
| | | var distance = m_chartSize.DownDiagram.SpaceGridY * i; |
| | | var valueTemp = new Array(); |
| | | var valueTemp = []; |
| | | valueTemp.push("M ", m_chartSize.DiagramLeft, " ", m_chartSize.DownDiagram.Up + distance, " L ", m_chartSize.DiagramRight, " ", m_chartSize.DownDiagram.Up + distance); |
| | | m_svg.createPath(null, valueTemp.join(''), attr, null); |
| | | } |
| | |
| | | var iPointCout = pixelPoints.length; |
| | | var a = 0.09; |
| | | var b = 0.09; |
| | | var controlPoint = new Array(); |
| | | var controlPoint = []; |
| | | |
| | | for (var i = 0; i < iPointCout - 1; i++) { |
| | | var bezier = {}; |
| | |
| | | if (bezierCurveValue == null) { |
| | | return; |
| | | } |
| | | var pathValue = new Array(); |
| | | var pathValue = []; |
| | | for (var i = 0; i < bezierCurveValue.length; i++) { |
| | | var b_pt = bezierCurveValue[i]; |
| | | if (i == 0) { |
| | |
| | | }; |
| | | //设置是否是单色显示 |
| | | this.setMonorColor = function (isMonorColor) { |
| | | $("#" + m_divChartName).empty(); |
| | | document.getElementById(m_divChartName).innerHTML = ''; |
| | | setObjectColor(isMonorColor); |
| | | if (!initialSvg()) |
| | | return; |
| | |
| | | return; |
| | | |
| | | speedItem.color = color; |
| | | $("#SimuCurveQH" + speedItem.id).css("stroke", color); |
| | | //$("#SimuCurveQE"+i).remove(); |
| | | $("#SimuCurveQP" + speedItem.id).css("stroke", color); |
| | | document.getElementById("SimuCurveQH" + speedItem.id).style.stroke = color; |
| | | |
| | | $("#SimuCurveQHText" + speedItem.id).css("fill", color); |
| | | //$("#SimuCurveQEText"+i).remove(); |
| | | $("#SimuCurveQPText" + speedItem.id).css("fill", color); |
| | | document.getElementById("SimuCurveQP" + speedItem.id).style.stroke = color; |
| | | |
| | | document.getElementById("SimuCurveQHText" + speedItem.id).style.fill = color; |
| | | |
| | | document.getElementById("SimuCurveQPText" + speedItem.id).style.fill = color; |
| | | |
| | | //通知外部 曲线修改了 |
| | | noticeCurveChanged(); |
| | |
| | | return; |
| | | |
| | | m_simuSpeedCurves.splice(index, 1) |
| | | $("#SimuCurveQH" + id).remove(); |
| | | //$("#SimuCurveQE"+i).remove(); |
| | | $("#SimuCurveQP" + id).remove(); |
| | | var curveQHElement = document.getElementById("SimuCurveQH" + id); |
| | | if (curveQHElement) { |
| | | curveQHElement.remove(); |
| | | } |
| | | |
| | | $("#SimuCurveQHText" + id).remove(); |
| | | //$("#SimuCurveQEText"+i).remove(); |
| | | $("#SimuCurveQPText" + id).remove(); |
| | | var curveQPElement = document.getElementById("SimuCurveQP" + id); |
| | | if (curveQPElement) { |
| | | curveQPElement.remove(); |
| | | } |
| | | |
| | | var curveQHTextElement = document.getElementById("SimuCurveQHText" + id); |
| | | if (curveQHTextElement) { |
| | | curveQHTextElement.remove(); |
| | | } |
| | | |
| | | var curveQPTextElement = document.getElementById("SimuCurveQPText" + id); |
| | | if (curveQPTextElement) { |
| | | curveQPTextElement.remove(); |
| | | } |
| | | }; |
| | | //设置容器 |
| | | this.setContainerDiv = function (divChartName, divWidth, divHeight) { |
| | |
| | | }; |
| | | //设置工具提示栏 |
| | | this.setToolTipName = function (toolTipName) { |
| | | m_toolTipContent = $("#" + toolTipName); |
| | | m_toolTipContent = document.getElementById(toolTipName); |
| | | }; |
| | | //获取查询曲线查询得到的数据 给参数查询使用 |
| | | this.setChangeQueryDataCb = function (cb) { |
| | |
| | | return; |
| | | //console.log("initialChart ChartFullInfo", ChartFullInfo) |
| | | //清空 |
| | | $("#" + m_divChartName).empty(); |
| | | document.getElementById(m_divChartName).innerHTML = ''; |
| | | |
| | | if (ChartFullInfo.ChartObjectDict == null) |
| | | return; |
| | |
| | | if (height && height > 0) |
| | | m_chartSize.TotalHeight = height; |
| | | |
| | | $("#" + m_divChartName).empty(); |
| | | document.getElementById(m_divChartName).innerHTML = ''; |
| | | |
| | | //初始化面板 |
| | | initialPanelSize(); |