{"id":20286274,"url":"https://github.com/costaq/e-datav-vue3","last_synced_at":"2025-04-11T08:58:05.746Z","repository":{"id":153308818,"uuid":"627769276","full_name":"costaq/E-DataV-Vue3","owner":"costaq","description":"基于Vue3的数据可视化组件库，长期更新，同时拥有vue2及react版本","archived":false,"fork":false,"pushed_at":"2024-08-01T02:49:13.000Z","size":1272,"stargazers_count":23,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-20T23:48:08.559Z","etag":null,"topics":["datav","typescript","vue3"],"latest_commit_sha":null,"homepage":"https://costaq.github.io/","language":"TypeScript","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/costaq.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2023-04-14T06:54:43.000Z","updated_at":"2025-02-08T09:33:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"8f241067-f942-4843-8663-859e3def3734","html_url":"https://github.com/costaq/E-DataV-Vue3","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/costaq%2FE-DataV-Vue3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/costaq%2FE-DataV-Vue3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/costaq%2FE-DataV-Vue3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/costaq%2FE-DataV-Vue3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/costaq","download_url":"https://codeload.github.com/costaq/E-DataV-Vue3/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248363578,"owners_count":21091391,"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":["datav","typescript","vue3"],"created_at":"2024-11-14T14:32:19.813Z","updated_at":"2025-04-11T08:58:05.725Z","avatar_url":"https://github.com/costaq.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!--\n * @Autor: costa\n * @Date: 2023-04-04 14:41:34\n * @LastEditors: costa\n * @LastEditTime: 2023-08-02 16:13:59\n * @Description: \n * @Copyright: © 2023 by costa. All rights reserved.\n--\u003e\n## E-DataV\n\u003ca href=\"https://www.npmjs.com/package/e-datav-vue3\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/e-datav-vue3.svg\" alt=\"LICENSE\" /\u003e\n\u003c/a\u003e\n\n### 什么是E-DataV?\n\n* E-DataV是一个基于**Vue3**的数据可视化组件库（[Vue2版本](https://github.com/costaq/E-DataV)及[React版本](https://github.com/costaq/E-DataV-React)）\n* 提供数据可视化大屏所需的各种组件，朋友写的[DataV](https://github.com/DataV-Team/DataV)组件库中已有的组件，我这边不会过多增加，最多是效果提升\n* 因个人比较佛系，更新会比较慢，但会持续更新\n\n### 链接\n\n[E-DataV 官方文档](https://costaq.github.io/)\n\n\n### npm安装\n\n```shell\n$ npm install e-datav-vue3\n```\n\n### 使用\n\n```js\nimport Vue from 'vue'\nimport EDataV from 'e-datav-vue3'\n// 全局全部组件注册\nVue.use(EDataV)\n\n// 按需引入，全局注册\nimport { EDigitalFlop } from 'e-datav-vue3'\nVue.use(EDigitalFlop)\n\n// 单组件内按需引入\n\u003cscript setup\u003e\nimport { EDigitalFlop } from 'e-datav-vue3';\n\u003c/script\u003e\n\n```\n\n### UMD版\n\n```js\n\n\u003cbody\u003e\n    \u003cdiv id=\"app\"\u003e\n        \u003ce-full-screen-container\u003e\n            \u003ce-digital-flop :value=\"9999\" separator=\",\" color=\"#c75151\"\u003e\u003c/e-digital-flop\u003e\n        \u003c/e-full-screen-container\u003e\n    \u003c/div\u003e\n\u003c/body\u003e\n\u003cscript src=\"https://unpkg.com/vue@3/dist/vue.global.prod.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/e-datav-vue3/umd/e-datav-vue3.umd.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n    const { createApp } = Vue;\n    const { EDigitalFlop, EFullScreenContainer } = EDataV;\n\n    const App = createApp();\n    App.component('EDigitalFlop', EDigitalFlop);\n    App.component('EFullScreenContainer', EFullScreenContainer);\n    App.mount('#app');\n\u003c/script\u003e\n\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcostaq%2Fe-datav-vue3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcostaq%2Fe-datav-vue3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcostaq%2Fe-datav-vue3/lists"}