首页echarts西安市热力图

echarts西安市热力图

时间: 2023-10-01 13:11:12 浏览: 152

你可以通过以下代码使用 echarts 在网页中绘制西安市的热力图： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ECharts 热力图示例</title>  <script src="https://cdn.staticfile.org/echarts/4.7.0/echarts.min.js"></script> </head> <body>  <div id="heatmap" style="width: 800px; height: 600px;"></div> <script> // 初始化echarts实例 var myChart = echarts.init(document.getElementById('heatmap')); // 配置项 var option = { title: { text: '西安市热力图' }, tooltip: { position: 'top' }, visualMap: { min: 0, max: 100, calculable: true, orient: 'horizontal', left: 'center', bottom: '15%' }, series: [{ type: 'heatmap', data: [ // 这里填入你的热力图数据 // 数据格式：[lng, lat, value] [108.93984, 34.34315, 80], [109.06025, 34.35046, 90], // ... ], coordinateSystem: 'bmap', // 使用百度地图坐标系 pointSize: 5, blurSize: 6 }] }; // 使用刚指定的配置项和数据显示图表 myChart.setOption(option); </script> </body> </html> ``` 你可以将以上代码保存为一个 HTML 文件并在浏览器中打开，即可看到绘制好的西安市热力图。请注意，代码中的热力图数据需要根据实际情况进行填充。

阅读全文