136 lines
2.9 KiB
JavaScript
136 lines
2.9 KiB
JavaScript
"use script"; //开发环境建议开启严格模式
|
|
|
|
//对应widget.js中MyWidget实例化后的对象
|
|
var thisWidget;
|
|
|
|
//当前页面业务
|
|
function initWidgetView(_thisWidget) {
|
|
thisWidget = _thisWidget;
|
|
}
|
|
|
|
//图表
|
|
var myChart1;
|
|
|
|
//剖面分析 图表
|
|
function setEchartsData(data) {
|
|
if (myChart1 == null) {
|
|
myChart1 = echarts.init(document.getElementById("echartsView1"), "dark");
|
|
}
|
|
|
|
var arrPoint = data.arrPoint;
|
|
|
|
var option = {
|
|
grid: {
|
|
left: 10,
|
|
right: 10,
|
|
bottom: 10,
|
|
containLabel: true,
|
|
},
|
|
dataZoom: [
|
|
{
|
|
type: "inside",
|
|
throttle: 50,
|
|
},
|
|
],
|
|
tooltip: {
|
|
trigger: "axis",
|
|
//position: function (point, params, dom, rect, size) {
|
|
// return [10, 20];
|
|
//},
|
|
formatter: function (params) {
|
|
var inhtml = "";
|
|
if (params.length == 0) {
|
|
thisWidget.hideTipMarker();
|
|
return inhtml;
|
|
}
|
|
|
|
var hbgd = params[0].value; //海拔高度
|
|
var point = arrPoint[params[0].dataIndex]; //所在经纬度
|
|
var len = haoutil.str.formatLength(Number(params[0].axisValue));
|
|
var hbgdStr = haoutil.str.formatLength(Number(params[0].value));
|
|
|
|
inhtml = `当前位置<br />
|
|
距起点：${len}<br />
|
|
海拔：<span style='color:${params[0].color};'>${hbgdStr}</span><br />
|
|
经度：${point.lng}<br />
|
|
纬度：${point.lat}`;
|
|
|
|
thisWidget.showTipMarker(point, hbgd, inhtml);
|
|
|
|
return inhtml;
|
|
},
|
|
},
|
|
xAxis: [
|
|
{
|
|
name: "行程",
|
|
type: "category",
|
|
boundaryGap: false,
|
|
axisLine: {
|
|
show: false,
|
|
},
|
|
axisLabel: {
|
|
show: false,
|
|
},
|
|
data: data.arrLen,
|
|
},
|
|
],
|
|
yAxis: [
|
|
{
|
|
//name: '高度',
|
|
type: "value",
|
|
min: getMinZ(arrPoint),
|
|
axisLabel: {
|
|
// rotate: 60,
|
|
formatter: "{value} 米",
|
|
},
|
|
},
|
|
],
|
|
series: [
|
|
{
|
|
name: "高程值",
|
|
type: "line",
|
|
smooth: true,
|
|
symbol: "none",
|
|
sampling: "average",
|
|
itemStyle: {
|
|
normal: {
|
|
color: "rgb(255, 70, 131)",
|
|
},
|
|
},
|
|
areaStyle: {
|
|
normal: {
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
{
|
|
offset: 0,
|
|
color: "rgb(255, 158, 68)",
|
|
},
|
|
{
|
|
offset: 1,
|
|
color: "rgb(255, 70, 131)",
|
|
},
|
|
]),
|
|
},
|
|
},
|
|
data: data.arrHB,
|
|
},
|
|
],
|
|
};
|
|
|
|
myChart1.setOption(option);
|
|
}
|
|
|
|
function getMinZ(arr) {
|
|
var minz = "dataMin";
|
|
if (arr == null || arr.length == 0) {
|
|
return minz;
|
|
}
|
|
|
|
minz = arr[0].alt;
|
|
for (var i = 0; i < arr.length; i++) {
|
|
if (arr[i].alt < minz) {
|
|
minz = arr[i].alt;
|
|
}
|
|
}
|
|
return minz;
|
|
}
|