基于Echart的前端可视化

合集 - 前端(5)

1.tailwindcss 选型，以及vue配置使用2023-08-142.现代前端开发的关键库和工具一览2023-09-073.HTTP工具类文件request.js的完善和优化2023-09-07

4.基于Echart的前端可视化2023-10-31

5.业务问题：vue部署后前端4042024-05-24

收起

GitHub 上有许多关于低代码自助可视化的项目，前端使用 Vue 和 ECharts 的示例。以下是一些可能符合你要求的项目：

1. DataV:

   • 项目链接：DataV
   • 描述：DataV 是一款基于 Vue 和 ECharts 的低代码自助可视化工具，它提供了丰富的可视化组件和拖拽式的界面设计，使用户可以轻松创建各种数据可视化。

2. vue-echarts:

   • 项目链接：vue-echarts
   • 描述：这是一个 Vue.js 的 ECharts 组件，可以让你在 Vue 项目中轻松使用 ECharts 进行数据可视化。

3. v-charts:

   • 项目链接：v-charts
   • 描述：v-charts 是基于 Vue2 和 ECharts 的封装，它提供了一组简单的组件，用于快速创建各种图表。

4. vue-chartjs:

   • 项目链接：vue-chartjs
   • 描述：vue-chartjs 是一个 Vue.js 的 Chart.js 组件，Chart.js 是一个流行的图表库，允许你创建各种图表。

5. vue-datav-report:

   • 项目链接：vue-datav-report
   • 描述：这是 DataV 团队的另一个项目，用于创建数据报告和可视化，基于 Vue 和 ECharts。

拖拉拽生成图表

1. DataV:

   • 项目链接：DataV
   • 描述：DataV 是一款低代码自助可视化工具，提供了拖拽式界面设计和数据注入功能，允许用户创建各种数据可视化。

2. vue-echarts-editor:

   • 项目链接：vue-echarts-editor
   • 描述：这是一个基于 Vue 和 ECharts 的项目，提供了一个可视化编辑器，用户可以通过拖拽方式创建图表，同时可以注入数据。

3. vue-draggable-resizable:

   • 项目链接：vue-draggable-resizable
   • 描述：这个项目提供了可拖拽和可调整大小的组件，你可以将其用于创建可视化界面，然后通过其他库或组件来生成图表。

4. vue-grid-layout:

   • 项目链接：vue-grid-layout
   • 描述：这是一个用于创建可拖拽的栅格布局的 Vue 组件，你可以将图表组件放置在栅格中，并通过数据注入来生成图表。

其他图表

vchart也很好用，数据结构是数组对象的。