{"id":13432473,"url":"https://github.com/miaolz123/vue-chart","last_synced_at":"2025-07-12T12:30:40.007Z","repository":{"id":57394895,"uuid":"58752921","full_name":"miaolz123/vue-chart","owner":"miaolz123","description":"A Powerful and Highspeed Chart Parser for Vue1.X.X \u0026 Vue2.X.X","archived":false,"fork":false,"pushed_at":"2016-10-29T16:07:56.000Z","size":2420,"stargazers_count":49,"open_issues_count":4,"forks_count":11,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-11-06T00:08:13.028Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://miaolz123.github.io/vue-chart/","language":"JavaScript","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/miaolz123.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}},"created_at":"2016-05-13T15:44:27.000Z","updated_at":"2022-09-30T02:03:13.000Z","dependencies_parsed_at":"2022-09-06T04:00:57.808Z","dependency_job_id":null,"html_url":"https://github.com/miaolz123/vue-chart","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/miaolz123%2Fvue-chart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/miaolz123%2Fvue-chart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/miaolz123%2Fvue-chart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/miaolz123%2Fvue-chart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/miaolz123","download_url":"https://codeload.github.com/miaolz123/vue-chart/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225820298,"owners_count":17529138,"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":[],"created_at":"2024-07-31T02:01:12.085Z","updated_at":"2024-11-21T23:34:25.780Z","avatar_url":"https://github.com/miaolz123.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","UI组件","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Awesome Vue.js"],"sub_categories":["Libraries \u0026 Plugins"],"readme":"# vue-chart\n\n[![npm](https://img.shields.io/npm/v/vue-chart.svg?style=flat)](https://www.npmjs.com/package/vue-chart)\n[![npm](https://img.shields.io/npm/l/vue-chart.svg?style=flat)](https://www.npmjs.com/package/vue-chart)\n[![npm](https://img.shields.io/npm/dt/vue-chart.svg?style=flat)](https://www.npmjs.com/package/vue-chart)\n\nA Powerful and Highspeed Chart Parser for Vue.\n\n- **version 1.X.X for vue1.X.X**\n- **version 2.X.X for vue2.X.X**\n\n# Example\n\n[DEMO](https://miaolz123.github.io/vue-chart/) | [CODE](https://github.com/miaolz123/vue-chart/tree/gh-pages)\n\n# Installation\n\n### Browser globals\n\n\u003e The **dist** folder contains `vue-chart.js` and `vue-chart.min.js` with the component exported in the `window.VueChart` object.\n\n```html\n\u003cbody\u003e\n  \u003cvue-chart type=\"line\" :data=\"myData\" :options=\"myOptions\"\u003e\u003c/vue-chart\u003e\n\u003c/body\u003e\n\u003cscript src=\"path/to/vue.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"path/to/vue-chart.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n    var vm = new Vue({\n        el: \"body\",\n         components: {\n            VueChart\n          }\n    });\n\u003c/script\u003e\n```\n\n## CommonJS\n\n```js\nvar VueChart = require('vue-chart');\n\nnew Vue({\n  components: {\n    'vue-chart': VueChart\n  }\n})\n```\n\n## js\n\n```js\n// \u003cscript src=\"dist/vue-chart.js\"\u003e\u003c/script\u003e\n\nnew Vue({\n  components: {\n    VueChart\n  }\n})\n```\n\n## ES6\n\n```js\nimport VueChart from 'vue-chart'\n\nnew Vue({\n  components: {\n    VueChart\n  }\n})\n```\n\n# Props\n\n| Prop | Type | Default |\n| ---- | ---- | ------- |\n| type | String | `type=\"line\"` |\n| data | Object | [DOCS](http://www.chartjs.org/docs/#line-chart-data-structure) |\n| options | Object | [DOCS](http://www.chartjs.org/docs/#chart-configuration) |\n\n\n## Todo\n\n| Done | Prop | Type | Required | Description |\n| ---- | ---- | ---- | -------- | ----------- |\n| No | type | String | no | default is `line` |\n| No | datasets | Array[object] | yes | Chart.data.datasets |\n| No | labels | Array[String] | yes | Chart.data.labels |\n| No | xLabels | Array[String] | no | Chart.data.xLabels |\n| No | yLabels | Array[String] | no | Chart.data.yLabels |\n| No | common | Object | no | [Common Chart Configuration](http://www.chartjs.org/docs/#chart-configuration-common-chart-configuration) |\n| No | title | Object | no | [Title Configuration](http://www.chartjs.org/docs/#chart-configuration-title-configuration) |\n| No | legend | Object | no | [Legend Configuration](http://www.chartjs.org/docs/#chart-configuration-legend-configuration) |\n| No | tooltip | Object | no | [Tooltip Configuration](http://www.chartjs.org/docs/#chart-configuration-tooltip-configuration) |\n| No | hover | Object | no | [Hover Configuration](http://www.chartjs.org/docs/#chart-configuration-hover-configuration) |\n| No | animation | Object | no | [Animation Configuration](http://www.chartjs.org/docs/#chart-configuration-animation-configuration) |\n| No | element | Object | no | [Element Configuration](http://www.chartjs.org/docs/#chart-configuration-element-configuration) |\n\n\n# Thanks\n\n- [ChartJS](http://www.chartjs.org)\n- [Johnny](https://github.com/johnnyGoo)\n- [Rob Laverty](https://github.com/roblav96)\n- [**rockymontana**](https://github.com/rockymontana)\n\n\n\n\n# License\n\nCopyright (c) 2016 [vue-chart](https://github.com/miaolz123/vue-chart) by [MIT](https://opensource.org/licenses/MIT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmiaolz123%2Fvue-chart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmiaolz123%2Fvue-chart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmiaolz123%2Fvue-chart/lists"}