{"id":19839259,"url":"https://github.com/gsmlg-dev/echarts-el","last_synced_at":"2026-01-24T18:02:34.489Z","repository":{"id":65522482,"uuid":"484982417","full_name":"gsmlg-dev/echarts-el","owner":"gsmlg-dev","description":"A html custom element render echarts","archived":false,"fork":false,"pushed_at":"2024-10-28T01:28:24.000Z","size":1860,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-12T13:10:28.551Z","etag":null,"topics":["echarts","lit","lit-html"],"latest_commit_sha":null,"homepage":"https://gsmlg-dev.github.io/echarts-el/","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/gsmlg-dev.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":"2022-04-24T09:26:40.000Z","updated_at":"2024-10-25T01:12:19.000Z","dependencies_parsed_at":"2025-01-11T11:21:59.573Z","dependency_job_id":"6b85c7ef-b182-4e3d-bcac-3f31db774350","html_url":"https://github.com/gsmlg-dev/echarts-el","commit_stats":{"total_commits":23,"total_committers":3,"mean_commits":7.666666666666667,"dds":"0.34782608695652173","last_synced_commit":"5c6cf1d3d3c378775bdfb2ad84b86af924911717"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/gsmlg-dev/echarts-el","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gsmlg-dev%2Fecharts-el","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gsmlg-dev%2Fecharts-el/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gsmlg-dev%2Fecharts-el/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gsmlg-dev%2Fecharts-el/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gsmlg-dev","download_url":"https://codeload.github.com/gsmlg-dev/echarts-el/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gsmlg-dev%2Fecharts-el/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28733321,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-24T17:51:25.893Z","status":"ssl_error","status_checked_at":"2026-01-24T17:50:48.377Z","response_time":89,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["echarts","lit","lit-html"],"created_at":"2024-11-12T12:21:23.076Z","updated_at":"2026-01-24T18:02:34.473Z","avatar_url":"https://github.com/gsmlg-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Echarts EL\n\n[![nodejs-lit-validate-and-release](https://github.com/gsmlg-dev/echarts-el/actions/workflows/nodejs-lit-validate-and-release.yml/badge.svg)](https://github.com/gsmlg-dev/echarts-el/actions/workflows/nodejs-lit-validate-and-release.yml)\n\n[![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@main/badge/badge-storybook.svg)](https://gsmlg-dev.github.io/echarts-el)\n\n# Feature\n\n- Auto fit parent element, so your do not need to resize it.\n- Rerender if data changed.\n\n# Install\n\n```bash\nnpm install echarts-el\n```\n\nOr import in the fly.\n\n```html\n\u003cscript type=\"module\"\u003e\n  import \"https://unpkg.com/echarts-el@1.1.0/es/chart.js\";\n\u003c/script\u003e\n---\n\u003cscript type=\"module\"\u003e\n  import \"https://cdn.jsdelivr.net/npm/echarts-el@1.1.0/es/chart.js\";\n\u003c/script\u003e\n```\n\n\n# Use Case\n\nThis element will fit parent element and auto resize when parent element size change.\n\n```html\n\u003cecharts-el\u003e\n    {\n    tooltip: {\n      show: true,\n    },\n    grid: {\n      x: 0,\n      y: 0,\n      x2: 0,\n      y2: 0,\n    },\n    xAxis: [\n      {\n        min: 0,\n        scale: true,\n        type: 'value',\n      },\n    ],\n    yAxis: [\n      {\n        type: 'category',\n        show: false,\n        data: ['2021-01', '2021-02', '2021-03', '2021-04', '2021-05', '2021-06'],\n      },\n    ],\n    series: [\n      {\n        type: 'bar',\n        data: [2123, 3354, 4012, 2175, 5800, 2630],\n      },\n    ],\n  }\n\u003c/echarts-el\u003e\n```\n\nRender chart:\n![bar-chart](./bar-chart.jpg)\n\n# Attrinutes\n\n- `loading`: Show Loading chart\n- `renderer`: Use echarts `svg` or `canvas` renderer\n- `textContent`: EChart options, JSON string.\n\n# Properties\n\n- `resetChart`: Method to reset chart render\n- `chart`: Echart instance\n- `options`: Chart render options, readonly.\n\n# TODO\n\n- Add map register element.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgsmlg-dev%2Fecharts-el","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgsmlg-dev%2Fecharts-el","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgsmlg-dev%2Fecharts-el/lists"}