...
代码块 |
---|
let param = {}; this.dwf_axios.post("/omf/entities/Asset/objects", param).then(res => { var objs = res.data.data; console.log(objs); points = objs.map(x => { return [x.locationX, x.locationY, x.workHours] }); var optionselfOption = { animation: false, bmap: { center: [104.114129, 37.550339], zoom: 5, roam: true }, visualMap: { show: false, top: 'top', min: 0, max: 5, seriesIndex: 0, calculable: true, inRange: { color: ['blue', 'blue', 'green', 'yellow', 'red'] } }, series: [{ type: 'heatmap', coordinateSystem: 'bmap', data: points, pointSize: 5, blurSize: 8 }] } // 假设EChart控件的代号是EChart1 //var myChart = this.getAddinById("EChart1"); //myChart.chart.setOption(optionselfOption); myChart.setOption(selfOption); }) |
将上述代码放入自定义控件,最终效果是:
关于热度图的具体使用,可以进一步参考:https://echarts.apache.org/zh/option.html#series-heatmap.type
...