码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 我做了一个可视化生成ECharts代码的应用,再也不用去看复杂的文档了...(附项目源码)


    0. 为什么有这个项目

    大家好,我是波吉。

    也许你跟我一样,经历过这样的场景:

      表单中需要开发一个柱状图,你打开了ECharts的文档,照着 [示例] 抄了下来;

      后来产品说,你这颜色不行,改一下,于是你打开了ECharts的文档,面对海量的属性开始发懵;

      于是你只能到 [示例] 中找哪个示例有写改颜色的配置…这时,一个上午就过去了

    img

      为了能够让大家提效,可视化生成 ECharts 代码的应用诞生!笔者把最经常用到的 ECharts 图表及其常用属性,用可视化操作来代替,满足 日常轻量开发 场景,无需只为改一个柱状颜色而在文档中寻寻觅觅~

    在线体验:http://39.103.216.105:13001/#/

    项目git:https://gitee.com/Jokerlsss/vue3-ts-echarts-easier(感谢您花两秒钟的时间留下 ❤Star)


    1. 示例

    1)柱状图

    img


    2)折线图

    img


    3)饼图

    img


    2. 技术栈

    Vue3 + TypeScript + ElementPlus


    3. 如何运行

    项目git地址:https://gitee.com/Jokerlsss/vue3-ts-echarts-easier(感谢您花两秒钟的时间留下 ❤Star)

    1. 安装依赖 npm install
    2. 运行 npm run dev

    4. 笔者的话

    • 【项目简单】该项目目前能实现的功能比较简单,就笔者个人而言,柱状、折线、饼图 几乎涵盖了项目开发中的 90%

    • 【共同参与】但,既然作为一款希望帮助每个开发者提效的工具,我希望有能力的你 一起参与进来,添加更多图表类型和属性,为更多人服务

    • 【保持初心】需要明确的一点是,这款软件不应将不常用的属性或图表添加进来,因为我希望它是一款 上手简单、使用简洁易懂 的软件,如果内容太过于全面,其使用成本不亚于去看 ECharts 官方文档,这是我所不希望的!用 20%的内容解决 80%的场景即可,这不是一本字典,而是趁手的工具

    • 【持续反馈】最后,如果你觉得这个 项目有不足之处,请留下宝贵的意见;如果你觉得能帮到你,还请用 两秒钟的时间,留下你的 Star,这将是笔者不断进步的动力,感谢 ❤

  • 相关阅读:
    rabbitmq多个消费者消费同一个队列中的同一条消息。
    Python + requests实现接口自动化框架!
    短视频矩阵系统源代码开发搭建分享--代码开源SaaS
    CentOS 7 安装 JDK11(注意版本号要与自己的版本一致)
    初识Dockerfile
    软件设计模式系列之八——适配器模式
    linux vscode git 相关记录
    day60
    Linux(进程间通信)
    基于web的老年保健品销售系统/保健品销售系统
  • 原文地址:https://blog.csdn.net/weixin_42678675/article/details/125407103
  • 最新文章
  • 【JVM】编译执行与解释执行的区别是什么?JVM 使用哪种方式?
    用 Hashids 优雅解决 C 端自增 ID 暴露问题
    V8引擎 精品漫游指南--Ignition篇(上) 指令 栈帧 槽位 调用约定 内存布局 基础内容
    LLVM Pass快速入门(四):代码插桩
    milkup:桌面端 markdown AI续写和即时渲染
    基于项目工程构建SBOM(软件物料清单)的研究
    鸿蒙应用开发UI基础第二节:鸿蒙应用程序框架核心解析与实操
    .NET 中如何快速实现 List 集合去重?
    扣子Coze实战:从0到1打造抖音+小红书热点监控智能体
    浅谈数据访问层
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号