Cancer小居居 2023-12-07 15:46 采纳率: 89.7%
浏览 3
已结题

echarts 如何绘制

这个图应该怎么绘制啊 没有什么思路 可以帮忙指点一二吗？？可以用echarts实现吗，前面需要展示单位和地区

img

  • 写回答

2条回答 默认 最新

  • 浪客 2023-12-07 17:03
    关注
    
<body>
    <div id="mainChart"></div>

    <script>
        var myChart = echarts.init(document.getElementById('mainChart'));
        var num = 20;

        function data(cnt) {
            var t = [];
            for (i = 1; i < cnt; i++)
                t.push(20);
            return t;
        }

        var option = {
            xAxis: {
                show: false,
                data: data(num)
            },
            yAxis: {
                show: false
            },
            series: [
                {
                    type: 'bar',
                    data: data(num)
                },
                {
                    type: 'bar',
                    data: data(7)
                }
            ]
        };
        console.log(option);
        myChart.setOption(option);

    </script>
</body>

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • 使用Echarts在前端页面绘制地图
    2022-07-02 22:07
    藏蓝色攻城狮的博客 使用Echarts在前端页面绘制地图
  • 前端echarts可视化模拟航线以及中国地图
    2023-10-21 15:14
    对于中国地图的绘制，ECharts已经包含了各个省份和城市的边界信息，开发者只需引入相应的地图配置文件即可。地图的交互性也是其亮点，用户可以点击地图上的某个区域获取详细信息，或者通过颜色、大小等视觉元素展示...
  • echarts绘制全国地图完整代码
    2022-06-08 09:30
    在“echarts绘制全国地图完整代码”这个主题中，我们将深入探讨如何使用 ECharts 来绘制中国全图，并了解相关的核心知识点。 首先，`map.html` 文件是主页面，它包含了 ECharts 地图展示的 HTML 结构。在这个文件中...
  • 前端整合ECharts
    2022-12-11 14:09
    林寻星辰的博客 ECharts是百度的一个项目，后来百度把Echart捐给apache，用于图表展示，提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图...
  • echarts绘制地图 json文件
    2023-02-21 09:37
    使用ECharts绘制地图的基本步骤如下： 1. 引入ECharts库：在HTML文件中引入ECharts的JS文件。 2. 准备容器：在HTML中创建一个用于展示地图的div元素。 3. 初始化ECharts实例：使用`echarts.init()`方法初始化ECharts...
  • Echarts绘制地图教程[代码]
    2025-11-14 11:25
    本文专注于介绍如何利用Echarts绘制中国各级地图，包括省市级和区县级地图。从零开始，本文首先讲述如何获取地理空间数据的GeoJSON格式文件，这是绘制地图的基础，然后详细讲解了在项目中如何引入Echarts库以及为...
  • 【大前端】ECharts 绘制立体柱状图
    2024-04-30 13:51
    Space Chars的博客 重点展示了使用ECharts库实现的纯色立体柱状图代码示例，详细讲解了如何通过MarkPoint和颜色渐变来构建具有立体感的柱状图。文章包含完整的JavaScript代码实现，涉及柱体内外边框的设置、偏移量计算以及菱形装饰元素...
  • 前端html简单使用echarts的样例
    2024-09-02 09:49
    提供完整的HTML和JavaScript代码，帮助用户快速上手使用ECharts绘制图表。 打开页面后，用户将看到一个简单的柱状图，展示不同商品的销量。 资源适用对象： 前端开发初学者：快速了解如何在HTML页面中集成和使用...
  • 前端之ECharts快速搭建图表教学
    2024-07-23 22:05
    AlgorithmAce的博客 ECharts构建漂亮图表
  • 前端开发必备：ECharts 图表库介绍
    2025-05-07 21:02
    AI架构全栈开发实战笔记的博客 本文旨在全面介绍ECharts的核心功能、技术原理和最佳实践，使前端开发者能够高效利用这一工具解决实际业务中的数据展示需求。本文将从ECharts的基本概念入手，逐步深入其技术实现细节，最后通过实际案例展示其应用...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 12月16日
  • 已采纳回答 12月8日
  • 修改了问题 12月7日
  • 创建了问题 12月7日