{"id":13654364,"url":"https://github.com/hawx1993/wxapp-charts","last_synced_at":"2025-06-13T15:12:44.848Z","repository":{"id":96123849,"uuid":"72093711","full_name":"hawx1993/wxapp-charts","owner":"hawx1993","description":"🏹微信小程序图表charts组件","archived":false,"fork":false,"pushed_at":"2018-01-04T16:28:51.000Z","size":349,"stargazers_count":202,"open_issues_count":5,"forks_count":70,"subscribers_count":14,"default_branch":"master","last_synced_at":"2024-02-13T10:05:56.189Z","etag":null,"topics":["chart"],"latest_commit_sha":null,"homepage":"","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/hawx1993.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}},"created_at":"2016-10-27T09:39:10.000Z","updated_at":"2024-02-06T05:44:33.000Z","dependencies_parsed_at":null,"dependency_job_id":"b0c610f5-073d-4c80-9631-80f6346dfb49","html_url":"https://github.com/hawx1993/wxapp-charts","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hawx1993/wxapp-charts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawx1993%2Fwxapp-charts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawx1993%2Fwxapp-charts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawx1993%2Fwxapp-charts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawx1993%2Fwxapp-charts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hawx1993","download_url":"https://codeload.github.com/hawx1993/wxapp-charts/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawx1993%2Fwxapp-charts/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259668726,"owners_count":22893136,"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"],"created_at":"2024-08-02T03:00:30.617Z","updated_at":"2025-06-13T15:12:44.817Z","avatar_url":"https://github.com/hawx1993.png","language":"JavaScript","funding_links":[],"categories":["组件","小程序","UI组件","Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# wxapp-charts\n\n微信小程序图表charts组件\n\n\n\n### Usage\n\n```JavaScript\n        data: {\n                charts: {\n                    area: [\"上海,750\",\"杭州,425\",\"苏州,960\",\"南京,700\",\"广州,800\",\"厦门,975\",\"北京,375\",\"沈阳,775\",\"泉州,100\",\"哈尔滨,200\"],\n                    pieData: [10, 25, 35, 30]\n                }\n            }\n\n            //饼图    \n        new Charts({\n            type: \"pie\",\n            data: this.data.charts.pieData,\n            colors: [\"#7158ec\", \"#fec312\", \"#1db2f4\", \"#ff3444\"],\n            canvasId: 'canvas1',\n            point: {\n                x: 150,\n                y: 150\n            },\n            radius : 100\n        });\n        //圆环图\n        new Charts({\n            type: \"ring\",\n            data: [10, 25, 35, 30],\n            colors: [\"#7158ec\", \"#fec312\", \"#1db2f4\", \"#ff3444\"],\n            canvasId: 'canvas2',\n            point: {\n                x: 150,\n                y: 150\n            },\n            radius : 100\n        });\n\n        //柱状图\n        new Charts({\n            type: 'bar',\n            data: this.data.charts.area,\n            bgColors: \"#46a2ef\",\n            color: '#383838',\n            cHeight: 300,//表格高度\n            cWidth: 500,//表格宽度\n            bWidth: 22,//柱子宽度\n            bMargin: 16,//柱子间距\n            showYAxis: false,//是否显示Y轴\n            xCaption: 'x轴说明文字',\n            yCaption: 'y轴说明文字',\n            canvasId: 'chartContainer'\n         });\n```\n\n\n\n### 参数说明\n\n```\n    type: -支持pie,ring,bar\n    data: []\n    colors： []颜色\n    canvasId: canvas-id\n    point:x轴圆心坐标,y轴圆心坐标\n    radius：半径大小\n    xCaption: 水平坐标说明文字\n    yCaption： 纵坐标说明文字\n    showYAxis：是否显示y轴\n```\n\n### 更新说明\n\n- 增加data对外接口\n- 添加部分API，如cWidth等\n\n### 效果如图所示\n\n![](demo1.png)\n\n![](demo2.png)\n\n\u003e手机端效果\n\n![](WechatIMG111.png)\n\n![](WechatIMG112.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhawx1993%2Fwxapp-charts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhawx1993%2Fwxapp-charts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhawx1993%2Fwxapp-charts/lists"}