https://github.com/engineertoplu/piechart-functional-rounded-corners
Piechart, donut chart, rounded corner chart
https://github.com/engineertoplu/piechart-functional-rounded-corners
android ios web
Last synced: about 1 month ago
JSON representation
Piechart, donut chart, rounded corner chart
- Host: GitHub
- URL: https://github.com/engineertoplu/piechart-functional-rounded-corners
- Owner: engineertoplu
- Created: 2024-11-12T11:36:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-28T13:41:41.000Z (over 1 year ago)
- Last Synced: 2025-01-21T05:25:21.550Z (over 1 year ago)
- Topics: android, ios, web
- Language: HTML
- Homepage:
- Size: 282 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PieChartFunctional
Rounded corners Piechart from highcharts library in html format. Android, Ios, Web
TR
-Köşeleri yuvarlanmış pie chart için highcharts kütüphanesi kullanıldı.
-Datalar fonksiyonel olarak doldurulabilir ve seçilen alan seçildiği anda true değeri dönmesi sağlandı.
-Seçilen alan tekrar seçildiğinde durumu eski haline geldiği gibi false değerini alert eder.
-Başka bir alan seçildiğinde daha önce seçilmiş olan alan önceki duruma geçmesi ayarlandı.
-Bu kodlar html içinde kullanıldığı gibi webview olarak da mobilde kullanılabilir fakat kurumsal yerler için lisans isteyebilir.
-webview içinde onJsAlert ile yakalanabilir
-Chart js örneği de eklendi
EN
-Highcharts library was used for pie chart with rounded corners.
-Data can be filled functionally and the selected area is returned to true when selected.
-When the selected area is selected again, it alerts false as its status returns to its previous state.
-When another area is selected, the previously selected area is set to return to its previous state.
-These codes can be used in html as well as in webview on mobile, but may require a license for corporate locations.
-It can be caught with onJsAlert in webview
-chart js example also added
TR
this.sliced: tıklanan alanın durumunu true false döner
this.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ış
this.series.data.forEach(point => {
if (point !== this) {
point.slice(false);
}
}); // Bütün alanları seçilmemiş hale getirir
this.update({
borderColor: 'black',
borderWidth: 2
}); // Alana 2 birim büyüklüğünde siyah kenarlar ekler, seçim zamanı kullanışlı olabilir.
EN
this.sliced: returns the state of the clicked area as true or false
this.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
this.series.data.forEach(point => {
if (point !== this) {
point.slice(false);
}
}); // Deselects all fields
this.update({
borderColor: 'black',
borderWidth: 2
}); // Adds 2-unit black borders to the area, which can be useful at selection time.
--------------------------------
chartpiefinalclean.html
TR
label 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.
EN
If 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.
Video:
https://github.com/user-attachments/assets/0f3ba31a-6744-486e-8397-11e40137c341