vue-schart ： vue.js 的图表组件

CoderStudy 发布于2019-08-20 17:19 / 1214人阅读

摘要：介绍是使用封装了图表库的一个小组件。支持仓库地址作为一个小型简单的图表库，没有过多的图表类型，只包含了柱状图折线图饼状图和环形图四种基本的图表。基本可以满足这四种图表的需求。

介绍

vue-schart 是使用vue.js封装了sChart.js图表库的一个小组件。支持vue.js 1.x & 2.x

仓库地址：https://github.com/lin-xin/vue-schart

sChart.js 作为一个小型简单的图表库，没有过多的图表类型，只包含了柱状图、折线图、饼状图和环形图四种基本的图表。麻雀虽小，五脏俱全。sChart.js 基本可以满足这四种图表的需求。而它的小，体现在它的体积上，代码只有 8kb，如果经过服务器的Gzip压缩，那就更小了，因此不用担心造成项目代码冗余。

该库使用 canvas 实现，兼容 IE9 以上浏览器。

仓库地址：https://github.com/lin-xin/sChart.js

文档(中英文)：http://blog.gdfengshuo.com/example/sChart/

演示地址：http://blog.gdfengshuo.com/example/#/vue-schart

效果

使用指南

安装:

npm install vue-schart -S

在vue组件中使用:

应用

vue-manage-system 后台框架中应用了 vue-schart 组件，体积小，加载快。

演示地址：http://blog.gdfengshuo.com/ex...

更多文章：lin-xin/blog 微信赞赏

GPU云服务器云服务器 Vue.js vue.js 属性 vue.js自学 cdn vue.js

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83484.html

sChart.js：一个小型简单的图表库

摘要：介绍作为一个小型简单的图表库，没有过多的图表类型，只包含了柱状图折线图饼状图和环形图四种基本的图表。其他类型的图表格式都相同，可以同个数据生成不同图表。相关是用封装了的一个库。方便在的项目中使用。这个库当然不足以与它们相媲美。介绍 sChart.js 作为一个小型简单的图表库，没有过多的图表类型，只包含了柱状图、折线图、饼状图和环形图四种基本的图表。麻雀虽小，五脏俱全。sChart....

microcosm1994 2019-08-20 16:55 评论0 收藏0
2017-06-18 前端日报

摘要：前端日报精选精读高阶组件知乎专栏是如何重新定义前端开发的知乎专栏为您的性能选择最佳的引擎知乎专栏中的尺寸单位掘金一种生成雪碧图的懒惰姿势中文第期编写现代代码周刊第期的平凡之路我们到底可以通过多少种方式修改元素样式掘金 2017-06-18 前端日报精选精读 React 高阶组件 - 知乎专栏React 是如何重新定义前端开发的 - 知乎专栏为您的 Node 性能选择最佳的 JS 引...

Yang_River 2019-08-20 17:20 评论0 收藏0
观众老爷们，来试试这个用 Vue 撸的数据可视化后台吧

摘要：至于如何优雅地管理使用，再次祭出潘神的文章手摸手，带你优雅的使用掘金项目的后端接口文档我是用的进行的管理，其实有很多强大的功能，不仅仅是一个接口测试工具，接口文档管理就是其中一个。首先放个线上地址大家感受一下(由于后端用的是 leancloud 的免费套餐，因此可能会比较慢)： vue-data-board P.S. 建议大家尽量自己注册一个账号(可以随便填一个密码)，如果用默认的测...

JinB 2019-08-23 18:12 评论0 收藏0
用WijmoJS玩转您的Web应用 —— Vue.js

摘要：相反，我们将专注于将添加到用编写的简单应用程序中。使用创建应用程序。示例应用程序有两个组件应用程序和。除在全球率先支持外，现已全面应用于等主流框架中。 showImg(https://segmentfault.com/img/bVbcvaQ?w=500&h=278); 概述在本文中，我们将展示如何将WijmoJS与NPM和Webpack一起使用来创建最流行的基于JavaScript应...

OnlyMyRailgun 2019-08-22 18:09 评论0 收藏0