current position:Home>I have made an application to visually generate echarts code, so I don't have to look at complex documents anymore (attached with project source code)

I have made an application to visually generate echarts code, so I don't have to look at complex documents anymore (attached with project source code)

2022-06-24 09:38:20Bogey

0. Why is there such a project

Hello everyone , I am a Bogie .

Maybe you're like me , Experienced such a scene :

   You need to develop a histogram in the form , You opened it. ECharts Documents , According to [ Example ] Copy it down ;

   Later, the product said , Your color is not good , Change it , So you open ECharts Documents , Faced with a large number of attributes, I began to be confused ;

   So you can only go to [ Example ] To find out which example has the configuration of changing color … At this time , One morning passed

img

   In order to make everyone more effective , Visual generation ECharts The application of code was born ! I put the most commonly used ECharts Charts and their common attributes , Replace with visual operations , Satisfy Daily lightweight development scene , You don't have to search the document just to change a column color ~

Online experience :http://39.103.216.105:13001/#/

project git:https://gitee.com/Jokerlsss/vue3-ts-echarts-easier( Thank you for taking two seconds to stay Star


1. Example

1) Histogram

img


2) Broken line diagram

img


3) The pie chart

img


2. Technology stack

Vue3 + TypeScript + ElementPlus


3. How to run

project git Address :https://gitee.com/Jokerlsss/vue3-ts-echarts-easier( Thank you for taking two seconds to stay Star

  1. Installation dependency npm install
  2. function npm run dev

4. What I said

  • 【 Simple project 】 The functions that can be realized by this project are relatively simple , As far as I am concerned , Columnar 、 Broken line 、 The pie chart It almost covers the 90%

  • 【 Joint participation 】 but , Since it is a tool that hopes to help every developer improve efficiency , I hope you are capable Join in , Add more chart types and properties , Serve more people

  • 【 Keep your original mind 】 One thing that needs to be clear is , This software should not add infrequently used attributes or charts , Because I hope it is a Easy to get started 、 Simple and easy to understand Software for , If the content is too comprehensive , Its use cost is no less than seeing ECharts Official documents , This is what I don't want ! use 20% The content of 80% The scene of , This is not a dictionary , It's a tool in hand

  • 【 Continuous feedback 】 Last , If you think this The project has shortcomings , Please leave your valuable comments ; If you think it can help you , Please also use Two seconds , Leave your Star, This will be the driving force for the author to make continuous progress , thank

copyright notice
author[Bogey],Please bring the original link to reprint, thank you.
https://en.cdmana.com/2022/175/202206240818516629.html

Random recommended