ECharts_散点图

时间:2021-02-25 12:08:15   收藏:0   阅读:0

3.3 散点图

散点图可以帮助我们推断出变量间的相关性。

比如身高和体重的关系。

 

3.3.1 实现步骤

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="lib/echarts.min.js"></script>
</head>
<body>
    <div style="height: 400px; width: 600px;"></div>

    <script>
        var mCharts = echarts.init(document.querySelector(div))

        var axisData = [[182.9, 85], [176.5, 87.9], [184.2, 77.3], 
                        [159.1, 47.6], [166,69.8], [176.2,66.8], [160.2, 75.2],
                        [172.5,55.2], [170.8,54.2],[153.4, 42], [160,50],[168.2,49.2]]

        var option = {
            xAxis: {
                type: value,
                scale: true
            },
            yAxis: {
                type: value,
                scale: ture
            },
            series: [
                {
                    type: scatter,
                    data:axisData
                }
            ]
        }

        mCharts.setOption(option)
    </script>
</body>
</html>

3.3.2 常见效果

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!