{"id":19322942,"url":"https://github.com/mrgaogang/oview","last_synced_at":"2025-04-22T19:32:00.334Z","repository":{"id":34876231,"uuid":"182256571","full_name":"MrGaoGang/oview","owner":"MrGaoGang","description":"Vue移动端图表库（饼状图，柱状图，条形图，折线图，雷达图，散点图，气泡图等）","archived":false,"fork":false,"pushed_at":"2024-03-06T12:29:09.000Z","size":4580,"stargazers_count":29,"open_issues_count":44,"forks_count":17,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-31T19:59:10.766Z","etag":null,"topics":["chart","oview","pie","vue"],"latest_commit_sha":null,"homepage":"https://mrgaogang.github.io/article/oview","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MrGaoGang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-04-19T11:46:15.000Z","updated_at":"2024-03-06T12:06:41.000Z","dependencies_parsed_at":"2024-06-19T19:03:17.708Z","dependency_job_id":"75a0dd3c-f9f6-402d-8381-6a594f4f8695","html_url":"https://github.com/MrGaoGang/oview","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrGaoGang%2Foview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrGaoGang%2Foview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrGaoGang%2Foview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrGaoGang%2Foview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MrGaoGang","download_url":"https://codeload.github.com/MrGaoGang/oview/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223903643,"owners_count":17222550,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chart","oview","pie","vue"],"created_at":"2024-11-10T01:43:10.144Z","updated_at":"2024-11-10T01:43:14.748Z","avatar_url":"https://github.com/MrGaoGang.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n\u003cdiv style=\"display:flex;align-items:center;justify-content:center;flex-direction: column;margin-bottom:40px;\"\u003e\n    \u003cp  align=\"center\"\u003e\n\u003cimg src=\"https://mrgaogang.github.io/images/oview/logo.png\"\u003e\n\u003ch3 align=\"center\"\u003eoView Vue2.js移动端图表库\u003c/h3\u003e\n    \u003c/p\u003e\n\n\n\u003cp align=\"center\"\u003e\n \u003ctr\u003e\n        \u003ca href=\"http://blog.gaogangsever.cn/article/oview/\"\u003e\n            \u003cimg src=\"https://img.shields.io/badge/oView-%E5%AE%98%E6%96%B9%E6%96%87%E6%A1%A3-%232d8cf0.svg\" /\u003e\n        \u003c/a\u003e\n        \u003ca href=\"http://blog.gaogangsever.cn/article/oview/\" style=\"margin-left:30px;\"\u003e\n            \u003cimg\n                src=\"https://img.shields.io/badge/%E5%AE%98%E6%96%B9%E7%A4%BA%E4%BE%8B-%E6%95%88%E6%9E%9C%E5%9B%BE-%232d8cf0.svg\" /\u003e\n        \u003c/a\u003e\n\u003c/tr\u003e\n\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\n\n\u003cimg src=\"https://mrgaogang.github.io/images/oview/qrcode.png\" width=\"180\" height=\"180\" \u003e\n\u003c/p\u003e\n\n\u003c/div\u003e\n\n\n\u003e oView是基于 [蚂蚁金服F2](https://www.yuque.com/antv/f2/getting-started)图表库的二次封装，以便于Vue.js开发者在移动端和PC端更好进行图表的展示。\n\n### vue插件\n\n```bash\nvue add oview\nvue invoke vue-cli-plugin-oview\n\n```\n\n### NPM安装\n\n```\nnpm install oview --save\n//或者使用yarn\nyarn add oview\n\n```\n**使用**\n\n```js\n//main.js中\nimport oView from \"oview\";\nVue.use(oView);\n```\noview默认会使用:`o-chart`,`o-line`的方式全局注册组件。使用时，请记得使用`o-x`的方式哦\n\n\n\n\n### oView特性\n\n- **1、oview支持哪些图？**\n    - 目前oview支持：柱状图，饼状图，面积图，散点图，气泡图，折线图 ，雷达图。\n\n- **2、图表配置简单**\n\n    ```html\n    \u003c!-- 没错，配置一个饼状图就是这么简单---\u003e\n    \u003co-chart :data=\"data\"\u003e\n      \u003co-pie position=\"name*percent\"\u003e\u003c/o-pie\u003e\n    \u003c/o-chart\u003e\n    ```\n\n- **oview图表色彩鲜艳**\n\n\u003e 色彩主要使用F2官方建议色彩，如需自定义色彩可使用:color=\"yourColors\"传入即可。（详细请见[oview文档](http://blog.gaogangsever.cn/article/oview/)）\n\n\n\n\u003cp align=\"center\"\u003e\n        \u003ctr\u003e\n          \u003ctd align=\"center\" valign=\"middle\"\u003e\n            \u003ca href=\"https://mrgaogang.github.io/oview/docs\" target=\"_blank\"\u003e\n            \u003cimg src=\"./images/oview_main.png?raw=true\" width=\"300\" height=\"600\"/\u003e\n            \u003c/a\u003e\n          \u003c/td\u003e\n          \u003ctd align=\"center\" valign=\"middle\"\u003e\n              \u003ca href=\"https://mrgaogang.github.io/oview/docs\" target=\"_blank\"\u003e\n            \u003cimg src=\"./images/oview_pie.png?raw=true\" width=\"300\" height=\"600\"/\u003e\n            \u003c/a\u003e\n          \u003c/td\u003e\n        \u003c/tr\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrgaogang%2Foview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrgaogang%2Foview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrgaogang%2Foview/lists"}