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
|
|
}
|