v-charts - 基于 Vue2.0 和 ECharts 封装的图表组件📈📊

  •        24

基于 Vue2.0 和 ECharts 封装的图表组件📈📊



echarts : ^3.8.3
echarts-amap : ^1.0.0-rc.6



Related Projects

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

  •    Javascript

Optional; CSS style is { width: 100%; height: 100%; } by default. Optional; Used to initialize ECharts instance.

pyecharts - 🎨 Python Echarts Plotting Library

  •    Python

pyecharts is a library to generate charts using Echarts. It simply provides the interface of 30+ kinds of charts between Echarts and Python. Echarts is an open source library from Baidu for data visualization in javascript. It has awesome demo pages so I started to look out for an interface library so that I could use it in Python. I ended up with echarts-python on github but it lacks of documentation and was not updated for a while. Just like many other Python projects, I started my own project, pyecharts, referencing echarts-python and another library pygal.

vue-echarts - ECharts component for Vue.js.

  •    Javascript

ECharts component for Vue.js. Built upon ECharts v4.0.1+ and depends on Vue.js v2.2.6+.

ECharts - A Declarative Framework for Rapid Construction of Web-based Visualization

  •    Javascript

ECharts is a powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly customizable charts to your commercial products. It is written in pure JavaScript and based on zrender, which is a whole new lightweight canvas library. ECharts-GL is an extension pack of ECharts, which provides 3D plots, globe visualization and WebGL acceleration.

vueg - 为 webApp 提供转场特效的开源 Vue 插件 / Make vue-router have a transition effect

  •    Javascript

为vue-router添加转场效果,只需要在<router-view v-transition></router-view>加上v-transition,即可获得转场效果,并能够根据url级别(/)和历史记录判断是前进和后退。

v-mask - 🔡 Tiny input mask library for Vue.js (directive)

  •    Javascript

This version requires Vue 2.X. If you are looking for Vue 1.X, check it here. Notice: v-model is required starting from v1.1.0, because a lot of bugs with HTMLElement event listeners and sync with Vue internals.

v-viewer - Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer

  •    Javascript

To use v-viewer, simply import it and the css file, and call Vue.use() to install. Just add the directive v-viewer to any element, then all img elements in it will be handled by viewer.

Enso - Laravel Vue SPA, Bulma themed. For demo login use `admin@laravel-enso.com` & `password`.

  •    Vue

[![Build Status](https://travis-ci.org/laravel/framework.svg)](https://travis-ci.org/laravel/framework) [![Total Downloads](https://poser.pugx.org/laravel/framework/d/total.svg)](https://packagist.org/packages/laravel/framework) [![Latest Stable Version](https://poser.pugx.org/laravel/framework/v/stable.svg)](https://packagist.org/packages/laravel/framework) [![Latest Unstable Version](https://poser.pugx.org/laravel/framework/v/unstable.svg)](https://packagist.org/packages/laravel/framework) [![License](https://poser.pugx.org/laravel/framework/license.svg)](https://packagist.org/packages/laravel/framework)


  •    Vue

v-img is a plugin for Vue.js that allows you to show images in full-screen gallery by adding only one directive to the <img> tag. *in this snippet all settings has its default value. No need to specify them unless you want to change default behavior. Unfortunately if you used CDN way to include plugin you can't set up these options, but still can set them up inline.

VBlog - V部落,Vue+SpringBoot实现的多用户博客管理平台!

  •    Vue


vue-chartjs - 📊 Vue.js wrapper for Chart.js

  •    Javascript

vue-chartjs is a wrapper for Chart.js in vue. You can easily create reuseable chart components. You can use vue-chartjs directly in the browser without any build setup. Like in this codepen. For this case, please use the vue-chartjs.min.js which is the minified version. You also need to add the Chart.js CDN script.

ngx-echarts - An angular (ver >= 2.x) directive for ECharts (ver >= 3.x)

  •    TypeScript

ngx-echarts is an Angular (ver >= 2.x) directive for ECharts (ver >= 3.x).

vue-slider-component - Can use the slider in vue1.x and vue2.x(vue滑块组件)

  •    Vue

if the component initialization in a v-show="false" / display: none container or use transform / animation / margin to change the location of the component, there may be an exception ( The slider cannot be used, because the component can not initialize the size or slider position ). # When using the template element as a slot, can add special properties scope or slot-scope to get the value.

express-template - Starter template for Nuxt.js with Express.

  •    Vue

This is a project template for vue-cli. Make sure to use a version of vue-cli >= 2.1 (vue -V).

vue-animated-list - A Vue.js plugin for easily animating `v-for` rendered lists.

  •    Javascript

A Vue.js plugin for easily animating `v-for` rendered lists.

v-calendar - A lightweight, dependency-free plugin for building attributed calendars in Vue.js

  •    Vue

V-Calendar is a clean and lightweight plugin for displaying simple, attributed calendars in Vue.js. It uses attributes to decorate the calendar with various visual indicators including highlighted date regions, dots, bars, content styles and popovers for simple tooltips and even custom slot content. Any single attribute may contain one of each object and can be displayed for single dates, date ranges and even complex date patterns like every other Friday, the 15th of every month or the last Friday of every other month.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.