526互联

基于Echart的前端可视化

发布时间 2023-10-31 17:48:20作者: 优前程

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也很好用，数据结构是数组对象的。