{"id":21121596,"url":"https://github.com/engineertoplu/piechart-functional-rounded-corners","last_synced_at":"2026-05-20T09:40:20.409Z","repository":{"id":262434339,"uuid":"887225509","full_name":"engineertoplu/PieChart-Functional-Rounded-Corners","owner":"engineertoplu","description":"Piechart, donut chart, rounded corner chart","archived":false,"fork":false,"pushed_at":"2024-11-28T13:41:41.000Z","size":289,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T05:25:21.550Z","etag":null,"topics":["android","ios","web"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/engineertoplu.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":"2024-11-12T11:36:44.000Z","updated_at":"2024-11-28T13:41:44.000Z","dependencies_parsed_at":"2025-01-21T05:24:11.292Z","dependency_job_id":"f097b8e3-74d1-4aab-bf20-1d9c76a6827b","html_url":"https://github.com/engineertoplu/PieChart-Functional-Rounded-Corners","commit_stats":null,"previous_names":["engineertoplu/piechartfunctional","engineertoplu/piechart-functional-rounded-corners"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/engineertoplu%2FPieChart-Functional-Rounded-Corners","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/engineertoplu%2FPieChart-Functional-Rounded-Corners/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/engineertoplu%2FPieChart-Functional-Rounded-Corners/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/engineertoplu%2FPieChart-Functional-Rounded-Corners/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/engineertoplu","download_url":"https://codeload.github.com/engineertoplu/PieChart-Functional-Rounded-Corners/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243566737,"owners_count":20311929,"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":["android","ios","web"],"created_at":"2024-11-20T03:52:30.498Z","updated_at":"2025-12-29T09:39:45.938Z","avatar_url":"https://github.com/engineertoplu.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# PieChartFunctional\n\nRounded corners Piechart from highcharts library in html format. Android, Ios, Web\n\nTR\n-Köşeleri yuvarlanmış pie chart için highcharts kütüphanesi kullanıldı.\n-Datalar fonksiyonel olarak doldurulabilir ve seçilen alan seçildiği anda true değeri dönmesi sağlandı.\n-Seçilen alan tekrar seçildiğinde durumu eski haline geldiği gibi false değerini alert eder.\n-Başka bir alan seçildiğinde daha önce seçilmiş olan alan önceki duruma geçmesi ayarlandı.\n-Bu kodlar html içinde kullanıldığı gibi webview olarak da mobilde kullanılabilir fakat kurumsal yerler için lisans isteyebilir.\n-webview içinde onJsAlert ile yakalanabilir\n-Chart js örneği de eklendi\n\n\nEN\n-Highcharts library was used for pie chart with rounded corners.\n-Data can be filled functionally and the selected area is returned to true when selected.\n-When the selected area is selected again, it alerts false as its status returns to its previous state.\n-When another area is selected, the previously selected area is set to return to its previous state.\n-These codes can be used in html as well as in webview on mobile, but may require a license for corporate locations.\n-It can be caught with onJsAlert in webview\n-chart js example also added\n\n\n\nTR\nthis.sliced: tıklanan alanın durumunu true false döner\nthis.slice: seçilen alanı animasyonla dışarı doğru açar benzer kullanımı this.slice(true) veya this.slice(false). true ve false değeri kullanıcıya özel durumlarda seçim için ayarlanmış\nthis.series.data.forEach(point =\u003e {\n                                    if (point !== this) {\n                                        point.slice(false);\n                                    }\n                                });  // Bütün alanları seçilmemiş hale getirir\n                                \nthis.update({\n                borderColor: 'black',\n                borderWidth: 2\n            }); // Alana 2 birim büyüklüğünde siyah kenarlar ekler, seçim zamanı kullanışlı olabilir.\n\n            \nEN\nthis.sliced: returns the state of the clicked area as true or false\nthis.slice: animates the selected area outwards, similar usage is this.slice(true) or this.slice(false). True and false values ​​are set for user-specific selection cases\nthis.series.data.forEach(point =\u003e {\n                                    if (point !== this) {\n                                        point.slice(false);\n                                    }\n                                });  // Deselects all fields\n\nthis.update({\n                borderColor: 'black',\n                borderWidth: 2\n            }); // Adds 2-unit black borders to the area, which can be useful at selection time.\n\n\u003cimg width=\"270\" alt=\"Screen Shot 2024-11-12 at 14 37 49\" src=\"https://github.com/user-attachments/assets/cb967054-fd56-4837-be17-e3ed4a51299e\"\u003e\n\u003cimg width=\"241\" alt=\"Screen Shot 2024-11-12 at 14 38 12\" src=\"https://github.com/user-attachments/assets/8bcdca30-f85e-4faf-8bc2-5c9b9e7ffbb9\"\u003e\n\u003cimg width=\"244\" alt=\"Screen Shot 2024-11-12 at 14 39 03\" src=\"https://github.com/user-attachments/assets/bf0f3ebb-f816-4893-89d5-cc896f8d8438\"\u003e\n\n--------------------------------\n\nchartpiefinalclean.html\nTR\nlabel ismine göre tıklanan alanlar ilkin tıklanıyorsa label ismi ve true değeri, büyüyen alan tekrar tıklanırsa label ismi ve false değeri döneri döner. Küçükken büyüyen alanlar her zaman label ismiyle true döner.\nEN \nIf the areas clicked according to the label name are clicked first, the label name and true value are returned, if the growing area is clicked again, the label name and false value are returned. The areas growing when small always return true with the label name.\n\n![Screen_Recording_20241128_161728_Chrome-ezgif com-crop](https://github.com/user-attachments/assets/975c111f-68ea-4a95-a472-c0b6ee44a719)\n\nVideo:\n\n\nhttps://github.com/user-attachments/assets/0f3ba31a-6744-486e-8397-11e40137c341\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fengineertoplu%2Fpiechart-functional-rounded-corners","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fengineertoplu%2Fpiechart-functional-rounded-corners","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fengineertoplu%2Fpiechart-functional-rounded-corners/lists"}