{"id":49074721,"url":"https://github.com/wavemaker/wm-react-native-echarts","last_synced_at":"2026-04-20T09:35:02.052Z","repository":{"id":351013028,"uuid":"1187073405","full_name":"wavemaker/wm-react-native-echarts","owner":"wavemaker","description":"A repository of widgets targeting React Native runtime.","archived":false,"fork":false,"pushed_at":"2026-04-13T07:00:50.000Z","size":2791,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-13T09:09:51.488Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":false,"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/wavemaker.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-03-20T10:04:33.000Z","updated_at":"2026-03-20T10:04:33.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/wavemaker/wm-react-native-echarts","commit_stats":null,"previous_names":["wavemaker/wm-react-native-echarts"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/wavemaker/wm-react-native-echarts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wavemaker%2Fwm-react-native-echarts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wavemaker%2Fwm-react-native-echarts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wavemaker%2Fwm-react-native-echarts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wavemaker%2Fwm-react-native-echarts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wavemaker","download_url":"https://codeload.github.com/wavemaker/wm-react-native-echarts/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wavemaker%2Fwm-react-native-echarts/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32041680,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2026-04-20T09:35:01.161Z","updated_at":"2026-04-20T09:35:02.011Z","avatar_url":"https://github.com/wavemaker.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# @wavemaker/react-native-echarts\n\n[![npm package](https://img.shields.io/npm/v/%40wavemaker%2Freact-native-echarts)](https://www.npmjs.com/package/@wavemaker/react-native-echarts)\n[![MIT License](https://img.shields.io/github/license/wavemaker/wm-react-native-echarts)](https://github.com/wavemaker/wm-react-native-echarts/blob/main/LICENSE)\n\n[![npm downloads](https://img.shields.io/npm/dm/%40wavemaker%2Freact-native-echarts)](https://www.npmjs.com/package/@wavemaker/react-native-echarts)\n[![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?logo=typescript\u0026logoColor=white)](https://github.com/wavemaker/wm-react-native-echarts)\n[![Storybook](https://img.shields.io/badge/Storybook-FF4785?logo=storybook\u0026logoColor=white)](https://wavemaker.github.io/wm-react-native-echarts)\n\nReact Native chart components built with ECharts (via `@wuba/react-native-echarts`) and Skia. Works with Expo and bare React Native. Visit storybook at https://wavemaker.github.io/wm-react-native-echarts for more details on how to use and examples.\n\n## Installation\n\nInstall the package from npm:\n\n```bash\nnpm install @wavemaker/react-native-echarts\n```\n\nThe library declares peer dependencies. Add any your app does not already include (align versions with your React Native or Expo SDK):\n\n```bash\nnpm install @shopify/react-native-skia @wuba/react-native-echarts echarts zrender react-native-svg\n```\n\n`react` and `react-native` are also peers; they should already be present in your app.\n\n## Chart gallery\n\nPreview thumbnails for the chart examples in `assets/images/charts`. Each image uses the same width and height (200×200) so the layout stays even; `object-fit: contain` keeps aspect ratios readable.\n\n### Area\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/examples-area--axes-area\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/area/default.png\" width=\"200\" height=\"200\" alt=\"Default\" style=\"object-fit: contain;\" /\u003e\n          \u003cbr /\u003e\n          \u003csub\u003eDefault\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/examples-area--area-without-axes\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/area/without-axes.png\" width=\"200\" height=\"200\" alt=\"Witout axes\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003eWitout axes\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/examples-area--gradient-area\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/area/with-gradient-bg.png\" width=\"200\" height=\"200\" alt=\"With Gradient Bg\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003eWith Gradient Bg\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Bar\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/examples-bar--horizontal-bar\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/bar/horizontal-bar.png\" width=\"200\" height=\"200\" alt=\"Horizontal bar chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003ehorizontal-bar\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/examples-bar--custom-label-bar\"\u003e\n          \u003cimg src=\"assets/images/charts/bar/labeled-bar.png\" width=\"200\" height=\"200\" alt=\"Labeled bar chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003elabeled-bar\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/examples-bar--mixed-bar\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/bar/mixed-bar.png\" width=\"200\" height=\"200\" alt=\"Mixed bar chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003emixed-bar\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Bubble\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-bubble--default\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/bubble/default.png\" width=\"200\" height=\"200\" alt=\"Bubble chart default\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003edefault\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-bubble--show-legend\"\u003e\n          \u003cimg src=\"assets/images/charts/bubble/multi-bubble.png\" width=\"200\" height=\"200\" alt=\"Multi bubble chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003emulti-bubble\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-bubble-symbol--pin\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/bubble/pin-bublbe.png\" width=\"200\" height=\"200\" alt=\"Bubble chart with pin\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003epin-bublbe\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Candlestick\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-candlestick--default\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/candle-stick/default.png\" width=\"200\" height=\"200\" alt=\"Candlestick default\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003edefault\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-candlestick--with-moving-average\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/candle-stick/with-ma.png\" width=\"200\" height=\"200\" alt=\"Candlestick with moving average\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003ewith-ma\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-candlestick--with-volume\"\u003e\n          \u003cimg src=\"assets/images/charts/candle-stick/with-volume.png\" width=\"200\" height=\"200\" alt=\"Candlestick with volume\"  style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003ewith-volume\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Column\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/examples-column--active-column\"\u003e\n          \u003cimg src=\"assets/images/charts/column/active-column.png\" width=\"200\" height=\"200\" alt=\"Active column chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003eactive-column\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/examples-column--multiple-series\"\u003e\n          \u003cimg src=\"assets/images/charts/column/multi-series.png\" width=\"200\" height=\"200\" alt=\"Multi-series column chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003emulti-series\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/examples-column--standard-column\"\u003e\n          \u003cimg src=\"assets/images/charts/column/standard.png\" width=\"200\" height=\"200\" alt=\"Standard column chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003estandard\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Geo\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-geo-colors--custom-colors\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/geo/colors.png\" width=\"200\" height=\"200\" alt=\"Geo chart colors\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003ecolors\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-geo--default\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/geo/default.png\" width=\"200\" height=\"200\" alt=\"Geo chart default\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003edefault\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-geo-map--presidential-results\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/geo/us-map.png\" width=\"200\" height=\"200\" alt=\"US map geo chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003eus-map\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Gauge\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-gauge-digital--default\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/guage/digital.png\" width=\"200\" height=\"200\" alt=\"Digital gauge\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003edigital\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-gauge-radial--custom-scale\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/guage/radial.png\" width=\"200\" height=\"200\" alt=\"Radial gauge\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003eradial\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-gauge-simple--default\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/guage/simple.png\" width=\"200\" height=\"200\" alt=\"Simple gauge\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003esimple\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Line\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/examples-line--multiple-series\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/line/multi-line.png\" width=\"200\" height=\"200\" alt=\"Multi-line chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003emulti-line\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/examples-line--axes-line\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/line/standard-line.png\" width=\"200\" height=\"200\" alt=\"Standard line chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003estandard-line\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/examples-line--default-line\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/line/trend-line.png\" width=\"200\" height=\"200\" alt=\"Trend line chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003etrend-line\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Pie\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-pie-concentric--two-rings\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/pie/concentric.png\" width=\"200\" height=\"200\" alt=\"Concentric pie chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003econcentric\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-pie-donut--donut\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/pie/donut.png\" width=\"200\" height=\"200\" alt=\"Donut chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003edonut\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-pie--default\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/pie/pie.png\" width=\"200\" height=\"200\" alt=\"Pie chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003epie\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Radar\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-radar--default\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/radar/default.png\" width=\"200\" height=\"200\" alt=\"Radar chart default\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003edefault\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-radar-multiple--default\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/radar/multiple.png\" width=\"200\" height=\"200\" alt=\"Multiple radar chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003emultiple\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-radar-symbol--circle\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/radar/with-symbol.png\" width=\"200\" height=\"200\" alt=\"Radar chart with symbol\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003ewith-symbol\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Radial\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-radial-colors--custom-colors\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/radial/custom-colors.png\" width=\"200\" height=\"200\" alt=\"Radial chart custom colors\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003ecustom-colors\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-radial--default\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/radial/default.png\" width=\"200\" height=\"200\" alt=\"Radial chart default\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003edefault\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-radial-colors--background\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/radial/with-bg.png\" width=\"200\" height=\"200\" alt=\"Radial chart with background\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003ewith-bg\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Scatter\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-scatter--default\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/scatter/default.png\" width=\"200\" height=\"200\" alt=\"Scatter chart default\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003edefault\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-scatter-colors--multiple-series-colors\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/scatter/multi.png\" width=\"200\" height=\"200\" alt=\"Multi scatter chart\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003emulti\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://wavemaker.github.io/wm-react-native-echarts/?path=/story/charts-scatter-symbol--triangle\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/images/charts/scatter/with-symbol.png\" width=\"200\" height=\"200\" alt=\"Scatter chart with symbol\" style=\"object-fit: contain;\" /\u003e\u003cbr /\u003e\u003csub\u003ewith-symbol\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n---\n\n## Building the library (maintainers)\n\nCompile components and prepare the npm package:\n\n```bash\nnpm run build:lib      # TypeScript compile → dist/npm-packages/charts\nnpm run prepare:npm    # Write package.json, copy README, .npmignore\ncd dist/npm-packages/charts \u0026\u0026 npm publish\n```\n\n---\n\n## Development\n\nThis repo is an Expo app. To run the app and Storybook:\n\n```bash\nnpm install\nnpx expo start # for mobile preview\nnpm run storybook # to checout the component stories \n```\n\n---\n\n## Maintainers\n\nThis package is maintained by [WaveMaker](https://www.wavemaker.com/). The source repository is [wavemaker/wm-react-native-echarts](https://github.com/wavemaker/wm-react-native-echarts). Use [GitHub Issues](https://github.com/wavemaker/wm-react-native-echarts/issues) for bug reports and feature requests.\n\n### Contributors\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003ca href=\"https://github.com/sboyina\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/2254369?s=96\u0026v=4\" width=\"72\" height=\"72\" alt=\"sboyina\" style=\"border-radius: 50%;\" /\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003esboyina\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\n\n---\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwavemaker%2Fwm-react-native-echarts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwavemaker%2Fwm-react-native-echarts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwavemaker%2Fwm-react-native-echarts/lists"}