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; }