{"id":25030027,"url":"https://github.com/qzruncode/ewchart","last_synced_at":"2025-07-18T08:06:30.908Z","repository":{"id":142457369,"uuid":"603959146","full_name":"qzruncode/ewchart","owner":"qzruncode","description":null,"archived":false,"fork":false,"pushed_at":"2023-06-05T11:15:47.000Z","size":1597,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-05T22:41:30.276Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/qzruncode.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":"2023-02-20T02:56:42.000Z","updated_at":"2023-03-15T08:01:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"91417602-b6db-4583-8c0e-44e95c1cb188","html_url":"https://github.com/qzruncode/ewchart","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/qzruncode/ewchart","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qzruncode%2Fewchart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qzruncode%2Fewchart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qzruncode%2Fewchart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qzruncode%2Fewchart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qzruncode","download_url":"https://codeload.github.com/qzruncode/ewchart/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qzruncode%2Fewchart/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265725094,"owners_count":23817956,"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":"2025-02-05T21:40:03.744Z","updated_at":"2025-07-18T08:06:30.880Z","avatar_url":"https://github.com/qzruncode.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![NPM version](https://img.shields.io/npm/v/ewchart.svg)](https://www.npmjs.com/package/ewchart)\n[![NPM package](https://img.shields.io/npm/dy/ewchart.svg)](https://www.npmjs.com/package/ewchart)\n\n\u003e ewchart是专门将数据绘制成二维图形\n1. 开发ewchart的目的：我在开发业务需求过程中会经常遇到各种定制化的需求，然而现在的开源绘图工具大多写的太死，ewchart中只包含必要的绘图元素，诸如tooltip，foottab这类完全由用户自定义实现\n2. 支持的图形类别：折线图、面积图、饼图、直方图、散点图、树形图、蜡烛图\n3. 支持的渲染模式：svg、canvas、canvas+svg。\n\n    + svg不适合path元素d属性超长的渲染场景，产生这种情况的一般都是曲线中包含大量的点，比如一条曲线由上万条数据生成，在用户侧可以在不影响曲线展示的情况下，将曲线中的部分点丢弃，在ewchart框架侧可以选择canvas渲染。饼图，柱状图，散点图目前只支持svg方式渲染，使用svg渲染的性能已经足够好了\n    + canvas适合渲染大量的数据，可以使绘制更加细腻，但是当渲染的图形变更时需要重新计算，在这方面svg更胜一筹，svg不需要重新计算整个渲染场景，只需要修改对应需要变更的dom元素即可。当遇到图表渲染大量数据时，用户交互只改变图的部分区域，这种情况选择canvas+svg渲染，canvas负责渲染基础图形，svg负责渲染变动的区域。目前canvas渲染用来支持折线图的渲染，canvas+svg渲染用来支持折线图+brush画刷的渲染\n\n4. 未来的计划：持续提供更多的绘图功能\n\n## 使用方式\n\n+ 文档地址+示例 [readme](https://qzruncode.github.io/ewchart-base-template/build/#/level1_line)\n+ demo源码 [ewchart-base-template](https://www.npmjs.com/package/ewchart-base-template)\n\n## demo图\n\u003cimg width=\"1200\" src=\"http://qzruncode.github.io/image/line.jpg\" alt=\"line\" \u003e\n\u003cimg width=\"1200\" src=\"http://qzruncode.github.io/image/bar.jpg\" alt=\"bar\" \u003e\n\u003cimg width=\"1200\" src=\"http://qzruncode.github.io/image/tree.jpg\" alt=\"tree\" \u003e\n\u003cimg width=\"1200\" src=\"http://qzruncode.github.io/image/point.jpg\" alt=\"point\" \u003e\n\u003cimg width=\"1200\" src=\"https://qzruncode.github.io/image/stick.jpg\" alt=\"stick\" \u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqzruncode%2Fewchart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqzruncode%2Fewchart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqzruncode%2Fewchart/lists"}