基于 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

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 893 Jan 3, 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 58 Jan 14, 2022
Apache ECharts component for Vue.js.

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

Baidu EFE team 6.7k Jan 15, 2022
数字孪生可视化3d建模大屏,echarts,vue,cezium

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

tmqq2333 44 Jan 17, 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 366 Jan 16, 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 20 Jan 10, 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. 24 Jan 21, 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 8 Jun 30, 2020
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
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

LinCenYing 238 Jan 20, 2022
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

Geoff Zhu 632 Jan 5, 2022
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

DJJo 260 Jan 15, 2022
A vue2 Passenger guiding platform(vue2+vue-router+axios+element-ui+sass)

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

刘云鹤 13 Oct 19, 2020
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

Baidu EFE team 6.7k Jan 15, 2022
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 893 Jan 3, 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 58 Jan 14, 2022
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 以及相关技术栈开发。

newbee-ltd 1.5k Jan 23, 2022
Apache ECharts component for Vue.js.

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

Baidu EFE team 6.7k Jan 15, 2022
数字孪生可视化3d建模大屏,echarts,vue,cezium

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

tmqq2333 44 Jan 17, 2022
组件库包含了 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 上传等常用组件

null 19 Jan 17, 2022
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

JesseLuo 612 Jan 13, 2022
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

null 91 Aug 30, 2021
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

Visarut Phusua 38 Nov 27, 2021
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

Visarut Phusua 37 Nov 1, 2021
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

Visarut Phusua 94 Jan 15, 2022
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

Visarut Phusua 62 Dec 8, 2021
A Vue2 Input Streaming RealTime And Two Way Data Binding Broadcasting with Pusher

vue-input-streaming A Vue2 Input Streaming RealTime And two way data binding broadcasting with Pusher Setup Project # Git Clone Project git clone [email protected]

Visarut Phusua 24 Oct 1, 2021
A web app developed with Vue2.0 and Douban API

Suanban A vue.js project with douban api & Douban API Proxy QR Code Build Setup # go into app folder cd app # install dependencies npm install # ser

Jason Bai 61 Jan 29, 2021
mmf-blog-vue2 ssr(The service side rendering)

@[toc] 1. 首先你得有台服务器 2. 推荐安装 linux 系统 本文以 CentOS 7.2 为例 3. 更换 yum 为国内镜像 备份你的原镜像文件,以免出错后可以恢复。 # mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/Ce

LinCenYing 174 Nov 15, 2021