全国分布图

最新推荐文章于 2024-08-25 22:11:34 发布

哈佛在等我呢

最新推荐文章于 2024-08-25 22:11:34 发布

阅读量648

点赞数

分类专栏：数据可视化文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/weixin_37537423/article/details/122456314

版权

本文介绍如何利用Echarts库，在前端JavaScript环境中，免费创建出美观的全国分布图表，即使是初学者也能轻松掌握。

摘要由CSDN通过智能技术生成

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>哈佛在等我呢</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/maps/china.js"></script>

</head>
<body>
    <div id="b2a8143a38a245c1954d31ff18e15cc7" class="chart-container" style="width:1366px; height:768px;"></div>
    <script>
        var chart_b2a8143a38a245c1954d31ff18e15cc7 = echarts.init(
            document.getElementById('b2a8143a38a245c1954d31ff18e15cc7'), 'light', {
    renderer: 'canvas'});
        var option_b2a8143a38a245c1954d31ff18e15cc7 = {
    
    "backgroundColor": "#FAFAFA",
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
    
            "type": "scatter",
            "name": "\u4e16\u754c500\u5f3a",
            "coordinateSystem": "geo",
            "symbolSize": 12,
            "data": [
                {
    
                    "name": "\u4e4c\u9c81\u6728\u9f50",
                    "value": [
                        87.68,
                        43.77,
                        4
                    ]
                },
                {
    
                    "name": "\u6df1\u5733",
                    "value": [
                        114.07,
                        22.62,
                        2
                    ]
                }

最低0.47元/天解锁文章

哈佛在等我呢

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
全国分布图

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>哈佛在等我呢</title> <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script> <sc.
复制链接

扫一扫

专栏目录