Example #1
0
        public void OnGet()
        {
            var data = Data.TestData.Data1DimWithLabels.ToDataTable(conf =>
            {
                conf.AddColumn(x => x.Item1);
                conf.AddColumn(x => x.Item2);
            });

            DataJson = data.ToJson();


            var options = new PieChartOptions
            {
                Height = 400,
                Width  = 500,
                SliceVisibilityThreshold = 0.05,
                ChartArea = new ChartArea {
                    BackgroundColor = Color.AliceBlue, Left = UnitSize.Percent(5), Width = UnitSize.Percent(90)
                },
                PieHole = 0.5,
                Legend  = new LegendOptions {
                    Position = LegendPosition.None
                }
            };

            OptionsJson = options.ToJson();
        }
        public void OnGet()
        {
            var data = GetData()
                       .ToDataTable(conf =>
            {
                conf.AddColumn(x => x.Time);
                conf.AddColumn(x => x.Min);
                conf.AddColumn(x => x.Initial);
                conf.AddColumn(x => x.Final);
                conf.AddColumn(x => x.Max);
            });

            DataJson = data.ToJson();


            var options = new CandlestickChartOptions
            {
                Height         = 400,
                Width          = UnitSize.Percent(100),
                Title          = "My sin approximation",
                HorizontalAxis = new HorizontalAxis
                {
                    TextPosition = AxisTextPosition.Out,
                    Gridlines    = new AxisGridLines
                    {
                        Interval = new double[] { Math.PI / 4 }
                    },
                    Format = "#.##"
                },
                Bar = new ColumnChartBar {
                    GroupWidth = UnitSize.Percent(100)
                },
                Legend = new LegendOptions {
                    Position = LegendPosition.None
                },
                Candlestick = new CandlestickOptions
                {
                    HollowIsRising = true,
                    FallingColor   = Color.OrangeRed,
                    RisingColor    = Color.MediumVioletRed
                },
                ChartArea = new ChartArea
                {
                    BackgroundColor = Color.AliceBlue,
                    Left            = UnitSize.Percent(5),
                    Width           = UnitSize.Percent(95)
                },
                DataOpacity   = 0.8,
                TitlePosition = TitlePosition.In
            };

            OptionsJson = options.ToJson();
        }
        public void OnGet()
        {
            var data = Data.TestData.Data4DimRandom.ToDataTable(conf =>
            {
                int i = 1;
                conf.AddColumn(x => $"Bubble {i++}");
                conf.AddColumn(ColumnType.Number, "X axis", x => x.Item1);
                conf.AddColumn(ColumnType.Number, "Y axis", x => x.Item2);
                conf.AddColumn(ColumnType.String, "Odd or even", x => x.Item4 % 2 == 0 ? "Even" : "Odd");
                conf.AddColumn(ColumnType.Number, "Size", x => x.Item4);
                conf.WithOptions <ChartOptions>(opt =>
                {
                    opt.Height = 300;
                    opt.Width  = UnitSize.Percent(100);
                    //opt.Title = "My bubble chart";
                });
            });

            DataJson = data.ToJson();


            OptionsJson = data.Options.ToJson();
        }
        public void OnGet()
        {
            var data = Data.TestData.Data2DimWithLabels.ToDataTable(conf =>
            {
                conf.AddColumn("Name", x => x.Item1);
                conf.AddColumn("Value 1", x => x.Item2);
                conf.AddColumn("Value 2", x => x.Item3);
                conf.WithOptions <TableChartOptions>(options =>
                {
                    options.Width         = UnitSize.Percent(100);
                    options.Height        = 300;
                    options.CssClassNames = new TableCssClassNames
                    {
                        OddTableRow = "text-danger",
                        HeaderRow   = "bg-dark"
                    };
                });
            });

            DataJson = data.ToJson();

            (DataJson, OptionsJson) = data;
        }