基于 Vue2.0 和 ECharts 封装的图表组件📈📊 fork. 支持 Echarts 5.x

Related tags

Charts v-charts
Overview

mark text

v-charts

Build Status NPM downloads Npm package Language License Join the chat

Document | Sample Project | English | 中文

Chart components based on Vue2.x and Echarts

Support Echarts 5.0

Features

  • Uniform data format: Use an uniform data format that both convient for frontend and backend, and also easy to create and edit.
  • Simplified configuration: With simplified configuration items, complex requirements can be easily implemented.
  • Simple customization: Provide a variety of custom Echarts way, you can easily set the chart options.

Support

Modern browsers and Internet Explorer 10+, include pc and mobile browser.

Install

npm i @linjhon/v-charts echarts -S

Start

<template>
  <div>
    <ve-line :data="chartData"></ve-line>
  </div>
</template>

<script>
import VeLine from 'v-charts/lib/line.common'
export default {
  components: { VeLine },
  data () {
    return {
      chartData: {
        columns: ['date', 'PV'],
        rows: [
          { 'date': '01-01', 'PV': 1231 },
          { 'date': '01-02', 'PV': 1223 },
          { 'date': '01-03', 'PV': 2123 },
          { 'date': '01-04', 'PV': 4123 },
          { 'date': '01-05', 'PV': 3123 },
          { 'date': '01-06', 'PV': 7123 }
        ]
      }
    }
  }
}
</script>

Changelog

Detailed changes for each release are documented in the release notes or ChangeLog.

Contribution

Please make sure to read the Contributing Guide before making a pull request.

License

MIT

You might also like...
A fork from Laravel vue pagination with support of router-link

This is a fork from Laravel vue pagination with support of router-link. It also adds links to buttons so that the user can open the page in a new tab and crawlers index other pages.

mmf-blog vue2.0 (vue2, vue-router, vuex)

mmf-blog vuejs 2.0 v2 中文说明 demo: http://vue2.mmxiaowu.com The main technical stack: vue2, vue2-router, vuex, webpack, babel, eslint Other versions rea

A simple events calendar for Vue2, no dependencies except Vue2.

vue-event-calendar A simple events calendar for Vue2, no dependencies except Vue2. responsive & mobile first. Live Demo Here 中文文档 Requirements vue: ^2

An Mobile-First image viewer for Vue2  / 一个移动端优先的 Vue2 图片预览插件
An Mobile-First image viewer for Vue2 / 一个移动端优先的 Vue2 图片预览插件

img-vuer An Mobile-First image viewer for Vue2 中文 README 🙆‍♀️ Easy to use 👉 Swipe gesture 🔍 Zoom gesture V0.11.0 Now you can use thumbnail~ V0.13.0

A vue2 Passenger guiding platform(vue2+vue-router+axios+element-ui+sass)

A vue2 Passenger guiding platform(vue2+vue-router+axios+element-ui+sass)

Apache ECharts component for Vue.js.

Vue-ECharts Vue.js component for Apache ECharts. 🇨🇳 中文版 Uses Apache ECharts 5 and works for both Vue.js 2/3. 💡 Heads up 💡 If your project is using

Vue.js(v2.x+) component wrap for ECharts.js(v3.x+)

vue-echarts-v3 Vue.js v2.x+ component wrap for Apache ECharts (incubating) v3.x+ Feature Lightweight, efficient, on-demand binding events; Support for

📊📈 ECharts wrapper component for Vue 3 and 2

简体中文 | English ECharts For Vue 📊 📈 ECharts wrapper component for Vue 3 and 2 Features Support for Vue 3 and 2; Conform to the habits of Vue and ECha

Vue 3.0 + Vite 2.0 + Vue-Router 4.0 + Element-Plus + Echarts 5.0 + Axios 开发的后台管理系统
Vue 3.0 + Vite 2.0 + Vue-Router 4.0 + Element-Plus + Echarts 5.0 + Axios 开发的后台管理系统

vue3-admin Vue 3.0 + Vite 2.0 + Vue-Router 4.0 + Element-Plus + Echarts 5.0 + Axios 后台管理系统。 newbee-mall 项目是一套电商系统,基于 Spring Boot 2.X 和 Vue 以及相关技术栈开发。

Apache ECharts component for Vue.js.

Uses Apache ECharts 5 and works for both Vue.js 2/3.

数字孪生可视化3d建模大屏,echarts,vue,cezium

在线效果演示 项目架构 │ vue.config.js // webpack配置 ├─public │ favicon.ico // ico图标 │ index.html

组件库包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker 颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹框、Echarts 图形图表、Form 表单、Input 输入框、Lazy 图片延时加载、Loading 加载等待、Menu 菜单、Pagination 分页、Progress 进度条、Radio 单选框、Select 选择器、Steps 步骤条、Swiper 图片轮播、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 提示、Transfer 穿梭框、Tree 树形、Upload 上传等常用组件

组件库包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker 颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹框、Echarts 图形图表、Form 表单、Input 输入框、Lazy 图片延时加载、Loading 加载等待、Menu 菜单、Pagination 分页、Progress 进度条、Radio 单选框、Select 选择器、Steps 步骤条、Swiper 图片轮播、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 提示、Transfer 穿梭框、Tree 树形、Upload 上传等常用组件

A panel framework based on Vue 2.0, iView and ECharts.
A panel framework based on Vue 2.0, iView and ECharts.

Vue Panel Framework, Live Demo 安装 install node / npm(cnpm) git clone "https://github.com/luosijie/vue-manager" cnpm install npm run dev visit localhos

使用 Taro3 + Vue3 + NutUi + echarts + ts + pinia 开发微信小程序
使用 Taro3 + Vue3 + NutUi + echarts + ts + pinia 开发微信小程序

使用 Taro3 + Vue3 + NutUi + echarts + ts + pinia 开发微信小程序 前言 目前此项目仅支持微信小程序 目标功能 集成 vue3,使用 script setup 语法开发 集成 Typescript 代码检查和格式优化 全局状态管理 小程序分包配置 样式封装,

A webapp what base Vue2.0 contains seaching and playing music
A webapp what base Vue2.0 contains seaching and playing music

vue-music163 A Vue.js project for music Use vuejs-2.0 vue-cli vue-router vuex mint-ui Support Chrome Firefox Mobile browser Package for app Appcan Api

Vue2 + Google Cloud Vision + Progressive Web App With Face Detection
Vue2 + Google Cloud Vision + Progressive Web App With Face Detection

The-feeling Vue2 + Vuetify + google cloud vision api with Progressive Web App Example Getting Started Enable google cloud vision api At - src/compone

Vue2 + Amazon Rekognition + Amazon S3 + Progressive Web App With Face Detection
Vue2 + Amazon Rekognition + Amazon S3 + Progressive Web App With Face Detection

The-feeling 2 Vue2 + Vuetify + Amazon Rekognition + Amazon S3 with Progressive Web App Example Getting Started At - src/components/Face.vue AWS conso

A Vue2 Performs synchronous speech recognition Speech to text Google Cloud Speech With Progressive Web App
A Vue2 Performs synchronous speech recognition Speech to text Google Cloud Speech With Progressive Web App

vue-speech A Vue2 Performs synchronous speech recognition with Google Cloud Speech on Progressive Web App Config Step 1 Enable the Cloud Speech API fo

A Vue2 Streaming Speech Recognition Speech to text with Google Cloud Speech
A Vue2 Streaming Speech Recognition Speech to text with Google Cloud Speech

vue speech streaming A Vue2 Performing Streaming Speech Recognition with Google Cloud Speech on Progressive Web App Authentication Visit the Google De

Vue.js(v2.x+) component wrap for ECharts.js(v3.x+)

vue-echarts-v3 Vue.js v2.x+ component wrap for Apache ECharts (incubating) v3.x+ Feature Lightweight, efficient, on-demand binding events; Support for

xLsDg 900 Nov 16, 2022
📊📈 ECharts wrapper component for Vue 3 and 2

简体中文 | English ECharts For Vue ?? ?? ECharts wrapper component for Vue 3 and 2 Features Support for Vue 3 and 2; Conform to the habits of Vue and ECha

null 64 Oct 14, 2022
Apache ECharts component for Vue.js.

Uses Apache ECharts 5 and works for both Vue.js 2/3.

Baidu EFE team 7.7k Nov 25, 2022
数字孪生可视化3d建模大屏,echarts,vue,cezium

在线效果演示 项目架构 │ vue.config.js // webpack配置 ├─public │ favicon.ico // ico图标 │ index.html

tmqq2333 103 Dec 4, 2022
Base on Vue2.0 wrapper for ChartJs. (Deprecated)

Deprecated Package ?? This package is no longer maintain. ?? vue-charts Base on Vue2, wrapper for ChartJs. Vue js Chart js Work well with Laravel Rend

Gimmy 364 Nov 21, 2022
Kendim hakkında bir özet içeren, projelerimin yer aldığı ufak çaplı bir kişisel site projesi. Eğer beğenirseniz starlayabilir ve kullanmak isterseniz fork edebilirsiniz :)

Proje Hakkında Kendim hakkında bir özet içeren, projelerimin yer aldığı ufak çaplı bir kişisel site projesi. Eğer beğenirseniz starlayabilir ve kullan

358 21 Oct 21, 2022
A custom fork of Homer, the simple dashboard for your server

HomerGX Demo • Getting started Light Mode Preview Dark Mode Preview Table of Contents Features over the original Getting started Configuration Custom

George V. 62 Nov 19, 2022
Fork vue-realworld-example-app

Vue.js codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API. Project demo is availa

luxingwen 7 May 27, 2022
Death counter for Soulslike Games. This is a Fork from DLDU-Counter.

dldu-points A web application that shows a total and a detailed score when playing a DLDU run on stream. It's made for being integrated into OBS as a

null 0 Dec 28, 2021
Vue-simple-loading: Fork styles from tobiasahlin/SpinKit and built it for vue

vue-simple-loading Thanks for tobiasahlin/SpinKit. The css3 animation is copied from it. All the things I do is built it as a vue component. This proj

Heath Yang 14 Dec 17, 2020