{"id":20613994,"url":"https://github.com/evanpatchouli/react-native-radar","last_synced_at":"2026-04-11T21:41:50.722Z","repository":{"id":248056270,"uuid":"827622191","full_name":"Evanpatchouli/react-native-radar","owner":"Evanpatchouli","description":"A simple radar chart for react-native.","archived":false,"fork":false,"pushed_at":"2024-07-12T06:04:16.000Z","size":334,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-02T22:29:29.217Z","etag":null,"topics":["chart","component","radar","react-native"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/Evanpatchouli.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}},"created_at":"2024-07-12T03:18:16.000Z","updated_at":"2025-02-13T09:26:55.000Z","dependencies_parsed_at":"2024-07-12T05:24:04.417Z","dependency_job_id":"bd6b08e1-c247-4cf5-b759-f1533210bf51","html_url":"https://github.com/Evanpatchouli/react-native-radar","commit_stats":null,"previous_names":["evanpatchouli/react-native-radar"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Evanpatchouli/react-native-radar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Evanpatchouli%2Freact-native-radar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Evanpatchouli%2Freact-native-radar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Evanpatchouli%2Freact-native-radar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Evanpatchouli%2Freact-native-radar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Evanpatchouli","download_url":"https://codeload.github.com/Evanpatchouli/react-native-radar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Evanpatchouli%2Freact-native-radar/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31696743,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T21:17:31.016Z","status":"ssl_error","status_checked_at":"2026-04-11T21:17:24.556Z","response_time":54,"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":["chart","component","radar","react-native"],"created_at":"2024-11-16T11:11:37.293Z","updated_at":"2026-04-11T21:41:50.686Z","avatar_url":"https://github.com/Evanpatchouli.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-native-radar\n\nA simple radar chart for react-native. This repo is the develop project.\n\n\u003cimg width=\"300\" alt=\"Radar Demo\" src=\"https://evan-oss-bucket1.oss-cn-hangzhou.aliyuncs.com/react-native-radar/demo.png\"\u003e\n\n## Installation\n\n```bash\nnpm i @evanpatchouli/react-native-radar react-native-svg\n```\n\n## Example\n\n```tsx\nconst MyRadar = (\n  \u003cEvpRadar\n    data={[100, 20, 30, 10, 40]}\n    labels={[\"Aaa\", \"Bbb\", \"Ccc\", \"Ddd\", \"Eee\"]}\n    radius={100} // default: 100\n    backgroundColor=\"rgba(0, 0, 200, 0.05)\" //default: none\n    strokeColor=\"rgba(0, 0, 200, 0.5)\" // none\n    strokeWidth={1.5} // default: 1\n    strokeType=\"solid\" // dashed\n    dashArray={[5, 3]} // default: [10, 5]\n    fillColor=\"rgba(0, 255, 255, 0.4)\"\n    labelProps={{ fill: \"rgba(0, 0, 200, 0.3)\" }}\n    coefficient={1} // default: 1\n    labelSpace={40} // default: 0\n    border={{\n      type: \"polygon\", // circle, none, default: none\n      color: \"rgba(0, 0, 200, 0.5)\", // default: black\n      width: 10, // default: 1\n    }}\n    Axis={{\n      // default: none of axis\n      type: \"dashed\", // solid, none\n      width: 1, // default: 1\n      color: \"rgba(0, 0, 200,  0.2)\", // default: grey\n      dashArray: [5, 4], // default: [10, 5]\n    }}\n    ScaleLine={{\n      // default: none of scale lines\n      type: \"solid\", // solid, none\n      number: 4,\n      width: 1, // default: 1\n      color: \"rgba(0, 0, 200, 0.2)\", // default: grey\n      dashArray: [5, 4], // default: [20, 5]\n    }}\n  /\u003e\n);\n```\n\n## Props Api\n\nYou can learn from the table or the interface code at bottom.\n\n### Table of Props:\n\n|Prop|Description|Type|Default|\n|---|---|---|---|\n|data|Data to be displayed in the radar chart|number[]|[]|\n|labels|Labels for each data|string[]|[]|\n|radius|Radius of the radar chart|number|100|\n|backgroundColor|Background color of the radar chart|string|\"null\"|\n|strokeColor|Color of the stroke|string|\"black\"|\n|strokeWidth|Width of the stroke|number|1|\n|strokeType|Type of the stroke|\"solid\" \\| \"dashed\"|\"solid\"|\n|dashArray|Dash array of the stroke|[number, number]|[10, 5]|\n|fillColor|Color of the fill area|string|\"null\"|\n|labelProps|Props for the labels|TextProps \\| ((idx: number) =\u003e TextProps)|{}|\n|coefficient|Coefficient for the data|number|1|\n|labelSpace|Space between the label and the radar chart|number|0|\n|border|Border of the radar chart|{ type: \"circle\" \\| \"polygon\" \\| \"none\"; width?: number; color?: string; }|{ type: \"none\" }|\n|Axis|Axis of the radar chart|{ type: \"dashed\" \\| \"solid\" \\| \"none\"; color?: string; width?: number; dashArray?: [number, number]; }|{ type: \"none\" }|\n|ScaleLine|Scale lines of the radar chart|{ number: number; type: \"dashed\" \\| \"solid\" \\| \"none\"; color?: string; width?: number; dashArray?: [number, number]; opacity?: number; }|{ type: \"none\" }|\n\n### Interface of RadarProps:\n\n```tsx\ninterface RadarProps {\n  data: number[];\n  labels: string[];\n  /** @default: 100 */\n  radius?: number;\n  /** @default \"null\" */\n  backgroundColor?: string;\n  strokeColor?: string;\n  /** @default 1 */\n  strokeWidth?: number;\n  /** @default \"solid\" */\n  strokeType?: \"solid\" | \"dashed\";\n  /** @default [10,5] */\n  dashArray?: [number, number];\n  /** @default 1 */\n  strokeOpacity?: number;\n  fillColor?: string;\n  labelProps?: TextProps | ((idx: number) =\u003e TextProps);\n  /** @default 1 */\n  coefficient?: number;\n  /** @default 0 */\n  labelSpace: number;\n  border?: {\n    type: \"circle\" | \"polygon\" | \"none\";\n    /** @default 1 */\n    width?: number;\n    /** @default \"black\" */\n    color?: string;\n  };\n  Axis?: {\n    type: \"dashed\" | \"solid\" | \"none\";\n    color?: string;\n    width?: number;\n    /** @default [10,5] */\n    dashArray?: [number, number];\n  };\n  ScaleLine?: {\n    number: number;\n    type: \"dashed\" | \"solid\" | \"none\";\n    color?: string;\n    width?: number;\n    /** @default [20,5] */\n    dashArray?: [number, number];\n    opacity?: number;\n  };\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fevanpatchouli%2Freact-native-radar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fevanpatchouli%2Freact-native-radar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fevanpatchouli%2Freact-native-radar/lists"}