echarts中的热力图-人物分布

     由于近期做了一个有关人物分布的功能，需要echarts中的热力图，起初感觉echarts很难，不过功夫不负有心人，经过查阅，最后解决了，解决的具体方法如下:

下面的代码是具体实现人物随机分布，其中大小，位置代码中都包含其中

不过实现以下代码必须引入heatmap.js和jquery.min.js

<script src="js/heatmap.js"></script>
<script type="text/javascript">
    // 创建一个heatmap实例对象
    // 这里直接指定热点图渲染的div
    var heatmapInstance = h337.create({
        container:document.getElementById("heatmap1"),
        backgroundColor:'#FFAAD5',   
        gradient: {
            '0.5': 'blue',
            '0.8': 'red',
            '0.95': 'white',
            '0.6':'yellow',
            '0.5':'#964B00'
        },
        radius: 17,        // [0,+∞)
        opacity:0.5
    });
    //构建一些随机数据点,网页切图价格这里替换成你的业务数据
    var points = [];
    var max = 0;
    var width = 80;