{"id":18373468,"url":"https://github.com/silianpan/p-charts","last_synced_at":"2025-04-06T19:32:18.294Z","repository":{"id":105328314,"uuid":"290734200","full_name":"silianpan/p-charts","owner":"silianpan","description":"Chart components based on AntV G2","archived":false,"fork":false,"pushed_at":"2020-10-18T16:43:54.000Z","size":496,"stargazers_count":4,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-22T05:51:09.736Z","etag":null,"topics":["antv","charts","g2","vuejs"],"latest_commit_sha":null,"homepage":"http://silianpan.cn/p-charts/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/silianpan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2020-08-27T09:31:29.000Z","updated_at":"2020-12-17T09:00:58.000Z","dependencies_parsed_at":"2023-05-18T05:31:37.236Z","dependency_job_id":null,"html_url":"https://github.com/silianpan/p-charts","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/silianpan%2Fp-charts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/silianpan%2Fp-charts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/silianpan%2Fp-charts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/silianpan%2Fp-charts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/silianpan","download_url":"https://codeload.github.com/silianpan/p-charts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247539279,"owners_count":20955285,"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":["antv","charts","g2","vuejs"],"created_at":"2024-11-06T00:10:31.020Z","updated_at":"2025-04-06T19:32:18.275Z","avatar_url":"https://github.com/silianpan.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003ep-charts\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\nChart components based on AntV G2\n\n[![doc][doc-image]][doc-url] [![gitee][gitee-image]][gitee-url] [![Travis status][travis-image]][travis-url] [![antv-g2-deps][antv-g2-image]][antv-g2-url] [![antv-l7-deps][antv-l7-image]][antv-l7-url] [![NPM version][npm-image]][npm-url]\n\n[![GitHub stars][github-starts-image]][github-url] [![GitHub commit activity][github-commit-activity-url]][github-url] [![GitHub top language][github-top-language-image]][vue-url] [![GitHub license][license-image]][github-url]\n\n[travis-image]: https://img.shields.io/travis/silianpan/p-charts\n[travis-url]: https://travis-ci.org/github/silianpan/p-charts\n[antv-g2-image]: https://img.shields.io/badge/%40antv%2Fg2-v3.5.17-%23873bf4\n[antv-g2-url]: https://g2-v3.antv.vision/zh/\n[antv-l7-image]: https://img.shields.io/badge/%40antv%2Fl7-latest-4fd431\n[antv-l7-url]: https://l7.antv.vision/zh\n[npm-image]: https://img.shields.io/npm/v/p-charts\n[npm-url]: https://www.npmjs.com/package/p-charts\n[github-starts-image]: https://img.shields.io/github/stars/silianpan/p-charts?style=social\n[github-url]: https://github.com/silianpan/p-charts\n[github-commit-activity-url]: https://img.shields.io/github/commit-activity/m/silianpan/p-charts\n[github-top-language-image]: https://img.shields.io/github/languages/top/silianpan/p-charts?color=%234fc08d\n[vue-url]: https://vuejs.org/\n[license-image]: https://img.shields.io/github/license/silianpan/p-charts\n[doc-image]: https://img.shields.io/badge/document-latest-blue\n[doc-url]: http://silianpan.cn/p-charts\n[gitee-image]: https://gitee.com/twofloor/p-charts/badge/star.svg?theme=dark\n[gitee-url]: https://gitee.com/twofloor/p-charts/stargazers\n\n\u003c/div\u003e\n\n`p-charts`支持Vue3.x版本，查看分支[vue3](https://github.com/silianpan/p-charts/tree/vue3)\n\n[Document](https://juejin.im/post/6866330015970099208/)\n\n[Blog](http://silianpan.cn/index.php/2020/08/29/p-charts/)\n\n[Examples](http://silianpan.cn/p-charts)\n\n[Gitee](https://gitee.com/twofloor/p-charts)\n\n## Getting Started\n\n### installation\n\n```bash\nnpm install -S p-charts\n# or\nyarn add p-charts\n```\n\n### Usage\n\n```js\n// main.js\nimport PCharts from 'p-charts'\nVue.use(PCharts)\n```\n\n#### p-pie\n\n```html\n\u003ctemplate\u003e\n  \u003cp-pie\n    :data=\"PieJson\"\n    :options=\"options\"\n    ref=\"pieRef\"\n    @pie-title-click=\"handleTitleClick\"\n    @pie-label-click=\"handleLabelClick\"\n  /\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport PieJson from './data/pie1.json'\nexport default {\n  data() {\n    return {\n      PieJson,\n      options: {\n        fieldMap: {\n          time: 'year',\n          name: 'budgetSubject',\n          // 统计指标，可以更换\n          value: 'budgetNum'\n        },\n        title: `总收入和总支出占比情况-预算数（单位：万元）`,\n        colorList: ['#1890ff', '#37c661']\n      }\n    }\n  },\n  methods: {\n    updateData() {\n      this.$refs.pieRef.initData()\n    },\n    handleTitleClick() {\n      console.log('title-click')\n    },\n    handleLabelClick(data) {\n      console.log('label-click', data)\n    }\n  }\n}\n\u003c/script\u003e\n```\n\n## Development\n\n``` bash\n# install dependencies\nnpm install\n# or\nyarn\n\n# serve with hot reload at localhost:8080\nnpm run dev\n# or\nyarn dev\n\n# build for production with minification\nnpm run build\n# or\nyarn build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsilianpan%2Fp-charts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsilianpan%2Fp-charts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsilianpan%2Fp-charts/lists"}