private RadCartesianChartView createChart(){
			//Create the Chart View
			RadCartesianChartView chart = new RadCartesianChartView(this.Activity);

			//Create the bar series and attach axes and value bindings.
			ScatterBubbleSeries scatterBubbleSeries = new ScatterBubbleSeries();
			scatterBubbleSeries.BubbleScale = 1000;


			scatterBubbleSeries.XValueBinding = new XValueBinding();
			scatterBubbleSeries.YValueBinding = new YValueBinding();
			scatterBubbleSeries.BubbleSizeBinding = new AreaValueBinding();

			LinearAxis verticalAxis = new LinearAxis();
			//The values in the linear axis will not have values after the decimal point.
			verticalAxis.LabelFormat = "%.2f";
			LinearAxis horizontalAxis = new LinearAxis();
			horizontalAxis.LabelFormat = "%.2f";
			scatterBubbleSeries.VerticalAxis = verticalAxis;
			scatterBubbleSeries.HorizontalAxis = horizontalAxis;

			//Bind series to data
			scatterBubbleSeries.Data = this.getData();

			//Add series to chart
			chart.Series.Add(scatterBubbleSeries);


			ChartTooltipBehavior ttBehavior = new ChartTooltipBehavior(this.Activity);
			ttBehavior.TriggerMode = TooltipTriggerMode.Tap;
			chart.Behaviors.Add(ttBehavior);

			return chart;
		}
Beispiel #2
0
        public override View GetSampleContent(Context context)
        {
            chart                = new SfChart(context);
            chart.Title.Text     = "Food Comparison Chart";
            chart.Title.TextSize = 15;
            chart.SetBackgroundColor(Color.White);
            chart.Legend.Visibility             = Visibility.Visible;
            chart.Legend.DockPosition           = ChartDock.Bottom;
            chart.Legend.IconHeight             = 14;
            chart.Legend.IconWidth              = 14;
            chart.Legend.ToggleSeriesVisibility = true;
            chart.Legend.OverflowMode           = ChartLegendOverflowMode.Wrap;

            PyramidSeries pyramid = new PyramidSeries();

            pyramid.XBindingPath            = "XValue";
            pyramid.YBindingPath            = "YValue";
            pyramid.ItemsSource             = MainPage.GetPyramidData();
            pyramid.ColorModel.ColorPalette = ChartColorPalette.Natural;
            pyramid.TooltipEnabled          = true;
            pyramid.StrokeWidth             = 1;
            pyramid.StrokeColor             = Color.White;
            chart.Series.Add(pyramid);

            ChartTooltipBehavior tooltipBehavior = new ChartTooltipBehavior();

            tooltipBehavior.LabelFormat = "##.## cal";
            chart.Behaviors.Add(tooltipBehavior);

            Spinner selectLabelMode = new Spinner(context, SpinnerMode.Dialog);

            overflowMode = new List <String>()
            {
                "Wrap", "Scroll"
            };

            ArrayAdapter <String> dataAdapter = new ArrayAdapter <String>
                                                    (context, Android.Resource.Layout.SimpleSpinnerItem, overflowMode);

            dataAdapter.SetDropDownViewResource(Android.Resource.Layout.SimpleDropDownItem1Line);
            selectLabelMode.Adapter       = dataAdapter;
            selectLabelMode.ItemSelected += SelectLabelMode_ItemSelected;

            LinearLayout linearLayout = new LinearLayout(context);

            linearLayout.SetPadding(20, 0, 20, 30);
            linearLayout.SetBackgroundColor(Color.Rgb(236, 235, 242));
            linearLayout.LayoutParameters = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WrapContent,
                                                                          LinearLayout.LayoutParams.WrapContent);
            linearLayout.Orientation = Orientation.Vertical;
            linearLayout.SetBackgroundColor(Color.White);

            linearLayout.AddView(selectLabelMode);
            linearLayout.AddView(chart);

            return(linearLayout);
        }
        private RadCartesianChartView createChart()
        {
            //Create the Chart View
            RadCartesianChartView chart = new RadCartesianChartView(this.Activity);

            //Create the bar series and attach axes and value bindings.
            ScatterBubbleSeries scatterBubbleSeries = new ScatterBubbleSeries();

            scatterBubbleSeries.BubbleScale = 1000;


            scatterBubbleSeries.XValueBinding     = new XValueBinding();
            scatterBubbleSeries.YValueBinding     = new YValueBinding();
            scatterBubbleSeries.BubbleSizeBinding = new AreaValueBinding();

            LinearAxis verticalAxis = new LinearAxis();

            //The values in the linear axis will not have values after the decimal point.
            verticalAxis.LabelFormat = "%.2f";
            LinearAxis horizontalAxis = new LinearAxis();

            horizontalAxis.LabelFormat         = "%.2f";
            scatterBubbleSeries.VerticalAxis   = verticalAxis;
            scatterBubbleSeries.HorizontalAxis = horizontalAxis;

            //Bind series to data
            scatterBubbleSeries.Data = this.getData();

            //Add series to chart
            chart.Series.Add(scatterBubbleSeries);


            ChartTooltipBehavior ttBehavior = new ChartTooltipBehavior(this.Activity);

            ttBehavior.TriggerMode = TooltipTriggerMode.Tap;
            chart.Behaviors.Add(ttBehavior);

            return(chart);
        }
Beispiel #4
0
        public override View GetSampleContent(Context context)
        {
            var chart = new SfChart(context);

            chart.SetBackgroundColor(Color.White);
            chart.Title.Text     = "Weather Report";
            chart.Title.TextSize = 15;

            NumericalStripLine numericalStripLines1 = new NumericalStripLine();

            numericalStripLines1.Start = 10;
            numericalStripLines1.Width = 10;
            numericalStripLines1.Text  = "Low Temperature";
            numericalStripLines1.LabelStyle.TextSize = 12;
            numericalStripLines1.FillColor           = Color.ParseColor("#f9d423");

            NumericalStripLine numericalStripLines2 = new NumericalStripLine();

            numericalStripLines2.Start = 20;
            numericalStripLines2.Width = 10;
            numericalStripLines2.Text  = "Average Temperature";
            numericalStripLines2.LabelStyle.TextSize = 12;
            numericalStripLines2.FillColor           = Color.ParseColor("#fc902a");

            NumericalStripLine numericalStripLines3 = new NumericalStripLine();

            numericalStripLines3.Start = 30;
            numericalStripLines3.Width = 10;
            numericalStripLines3.Text  = "High Temperature";
            numericalStripLines3.LabelStyle.TextSize = 12;
            numericalStripLines3.FillColor           = Color.ParseColor("#ff512f");

            NumericalAxis numericalAxis = new NumericalAxis();

            numericalAxis.Minimum = 10;
            numericalAxis.Maximum = 40;
            numericalAxis.LabelStyle.LabelFormat = "##.##°C";

            numericalAxis.StripLines.Add(numericalStripLines1);
            numericalAxis.StripLines.Add(numericalStripLines2);
            numericalAxis.StripLines.Add(numericalStripLines3);

            chart.PrimaryAxis = new CategoryAxis();
            (chart.PrimaryAxis as CategoryAxis).LabelPlacement = LabelPlacement.BetweenTicks;
            chart.SecondaryAxis = numericalAxis;

            var lineSeries = new LineSeries
            {
                StrokeWidth  = 2,
                ItemsSource  = MainPage.GetStripLineData(),
                XBindingPath = "XValue",
                YBindingPath = "YValue",
                Color        = Color.White
            };

            chart.Series.Add(lineSeries);

            ChartTooltipBehavior toolTip = new ChartTooltipBehavior();

            toolTip.TextColor = Color.Black;
            chart.Behaviors.Add(toolTip);

            lineSeries.DataMarker.ShowLabel         = false;
            lineSeries.DataMarker.ShowMarker        = true;
            lineSeries.DataMarker.MarkerWidth       = 10;
            lineSeries.DataMarker.MarkerHeight      = 10;
            lineSeries.DataMarker.MarkerColor       = Color.ParseColor("#666666");
            lineSeries.DataMarker.MarkerStrokeColor = Color.ParseColor("#ffffff");
            lineSeries.DataMarker.MarkerStrokeWidth = 4;
            lineSeries.TooltipEnabled = true;
            return(chart);
        }
Beispiel #5
0
        public async void InitGraph()
        {
            var idLogin = await BlobCache.LocalMachine.GetObject <string>("loginCookie");

            string    graphId      = null;
            GraphItem graphContent = null;


            //Set the cookiee manually (propertie 'UseCookies = false')
            //Or use cookieContainer
            using (var client = new HttpClient(new HttpClientHandler {
                UseCookies = false
            }))
            {
                client.DefaultRequestHeaders.Add("Cookie", idLogin);
                var dashboardUrl = new Uri("http://app.casterstats.com/dashboard");
                var resp         = await client.GetAsync(dashboardUrl);

                string content = await resp.Content.ReadAsStringAsync();


                List <Dashboard> dashboards = JsonConvert.DeserializeObject <List <Dashboard> >(content);
                foreach (var dashboard in dashboards)
                {
                    graphId = dashboard.DashboardComponents.FirstOrDefault(x => x.Name.Equals("Graph")).Id;
                }

                if (graphId != null)
                {
                    dashboardUrl = new Uri("http://app.casterstats.com/dashboard/component/graph/" + graphId + "");
                    resp         = await client.GetAsync(dashboardUrl);

                    content = await resp.Content.ReadAsStringAsync();



                    graphContent = JsonConvert.DeserializeObject <GraphItem>(content);
                }
            }
            //Display content
            SfChart chart = new SfChart();

            DateTimeAxis timeAxis = new DateTimeAxis()
            {
                Interval     = 30,
                IntervalType = DateTimeIntervalType.Minutes
            };

            timeAxis.LabelStyle.LabelFormat = "HH:mm";
            chart.PrimaryAxis = timeAxis;


            NumericalAxis userAxis = new NumericalAxis();

            userAxis.Title.Text = "Users";
            chart.SecondaryAxis = userAxis;

            if (graphContent != null)
            {
                //if (graphContent.NbUsers == null &&  graphContent.HStream == null)
                //{
                //    graphContent.NbUsers = new List<int>();
                //    graphContent.HStream = new List<DateTime>();
                //}
                //;

                var nbStream = graphContent.GraphDatas[0].Count;
                nbStream = nbStream - 1;
                var idUser = 1;
                var idDate = 0;


                for (var s = 0; s < nbStream; s++)
                {
                    var data      = new GraphStackAreaViewModel();
                    var graphData = 0;
                    foreach (var t in graphContent.GraphDatas)
                    {
                        if (t[idDate] == null || t[idUser] == null)
                        {
                            continue;
                        }

                        data.Nusers.Add(int.Parse(t[idUser]));

                        var dt = DateTime.Parse(t[idDate]);
                        data.HmStream.Add(dt);
                        graphData++;
                    }
                    if (graphData > 0)
                    {
                        var splineArea = new StackingAreaSeries
                        {
                            BindingContext = graphData,
                            ItemsSource    = data.GetGraphData(),
                            Label          = graphContent.Streams[idUser - 1],
                            XBindingPath   = "HStream",
                            YBindingPath   = "NbUsers",
                            EnableTooltip  = true
                        };

                        chart.Series.Add(splineArea);
                        chart.Legend = new ChartLegend();
                        var tool = new ChartTooltipBehavior
                        {
                            BackgroundColor = Color.White,
                            TextColor       = Color.Black,
                            Duration        = 5
                        };
                        chart.ChartBehaviors.Add(tool);
                    }
                    idUser++;
                }
            }

            //var chart = new RadCartesianChart
            //{
            //    HorizontalAxis = new DateTimeContinuousAxis
            //    {
            //        LabelFormat = "HH:mm",
            //        LabelFitMode = AxisLabelFitMode.MultiLine,
            //        MajorStepUnit = TimeInterval.Minute,
            //        MajorStep = 30
            //    },
            //    VerticalAxis = new NumericalAxis(),
            //    BindingContext = new GraphSplineAreaViewModel()
            //};

            //var series = new SplineAreaSeries();
            //series.SetBinding(ChartSeries.ItemsSourceProperty, new Binding("GraphData"));
            //series.ValueBinding = new PropertyNameDataPointBinding("NbUsers");
            //series.CategoryBinding = new PropertyNameDataPointBinding("HStream");

            //chart.Series.Add(series);


            //this.Content = chart;


            this.Content = chart;
        }