feat: Primary implementation for Pie Chart.

Author: CatchABus

demo/app/examples/NSChart.js

@@ -3,9 +3,10 @@ const fs = require("@nativescript/core/file-system");
 const imageSourceModule = require("@nativescript/core/image-source");
 const bd = require("@nativescript-community/ui-chart/data/BarData");
 const bds = require("@nativescript-community/ui-chart/data/BarDataSet");
-const be = require("@nativescript-community/ui-chart/data/BarEntry");
 const ld = require("@nativescript-community/ui-chart/data/LineData");
 const lds = require("@nativescript-community/ui-chart/data/LineDataSet");
+const pd = require("@nativescript-community/ui-chart/data/PieData");
+const pds = require("@nativescript-community/ui-chart/data/PieDataSet");
 
 function getRandomInt(min, max)
 {
@@ -39,6 +40,7 @@ exports.onBarChartLoaded = function(args)
     chart.setScaleEnabled(true);
     chart.setDragEnabled(true);
     chart.getAxisRight().setEnabled(false);
+    chart.setHighlightPerTapEnabled(true);
     // chart.setHardwareAccelerationEnabled(true);
 
     const data = new Array(5).fill(0).map(function(v, i)
@@ -89,6 +91,36 @@ exports.onLineChartLoaded = function(args)
     chart.setData(linedata);
 };
 
+exports.onPieChartLoaded = function(args)
+{
+    const chart = args.object;
+
+    chart.drawFameRate = true;
+    chart.setLogEnabled(true);
+    chart.setHighlightPerTapEnabled(true);
+    //chart.setHoleRadius(10);
+    //chart.setDrawHoleEnabled(false);
+    // chart.setHardwareAccelerationEnabled(true);
+
+    const data = new Array(5).fill(0).map(function(v, i)
+    {
+        return {label: i + "", value: Math.random() * 100};
+    });
+
+    console.log('setData', data.length, data[0]);
+    const sets = [];
+    const set = new pds.PieDataSet(data, 'value', 'value');
+    set.setColors([getRandomColor(), getRandomColor()]);
+    set.setDrawValues(true);
+    sets.push(set);
+
+    // create a data object with the data sets
+    const piedata = new pd.PieData(sets);
+
+    // set data
+    chart.setData(piedata);
+};
+
 exports.redraw = function(args)
 {
     const page = args.object.page;
@@ -110,6 +142,12 @@ exports.redraw = function(args)
     {
         lc.invalidate();
     }
+
+    const pc = page.getViewById("pie-chart");
+    if (pc)
+    {
+        pc.invalidate();
+    }
 };
 
 exports.onNavigationButtonTap = function(args)

demo/app/examples/NSChart.xml

@@ -11,6 +11,8 @@
             <chart:BarChart id="bar-chart" backgroundColor="lightgray" width="300" height="350" loaded="onBarChartLoaded"/>
             <Label text="Horizontal Bar Chart" fontSize="20"/>
             <chart:HorizontalBarChart id="horizontal-bar-chart" backgroundColor="lightgray" width="300" height="350" loaded="onBarChartLoaded"/>
+            <Label text="Pie Chart" fontSize="20"/>
+            <chart:PieChart id="pie-chart" backgroundColor="lightgray" width="300" height="350" loaded="onPieChartLoaded"/>
         </StackLayout>
     </ScrollView>
 </Page>

src/charting/charts/Chart.ts

@@ -393,7 +393,7 @@ export abstract class Chart<U extends Entry, D extends IDataSet<U>, T extends Ch
      */
     protected mOffsetsCalculated = false;
 
-    onDraw(canvas: Canvas) {
+    public onDraw(canvas: Canvas) {
         // super.onDraw(canvas);
 
         if (this.mData === null) {

src/charting/charts/HorizontalBarChart.ts

@@ -188,7 +188,7 @@ export class HorizontalBarChart extends BarChart
             }
             return null;
         }
-        return this.getHighlighter().getHighlight(y, x); // switch x and y
+        return this.getHighlighter().getHighlight(x, y);
     }
 
 

src/charting/charts/PieChart.java

@@ -335,8 +335,6 @@ private let calcAngle(let value, let yValueSum) {
      *
      * @return
      */
-    
-    
     public XAxis getXAxis() {
         throw new RuntimeException("PieChart has no XAxis");
     }