-
Notifications
You must be signed in to change notification settings - Fork 150
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #4 from kmuthukumar23/EJ2-24507-github
Source Updated with V17.1.0.38-beta
- Loading branch information
Showing
48 changed files
with
18,325 additions
and
4,731 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
61 changes: 61 additions & 0 deletions
61
ej2-blazor-samples/Pages/Charts/RangeNavigator/LightWeight.cshtml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,61 @@ | ||
| @page "/Charts/LightWeight" | ||
| @using Syncfusion.EJ2.RazorComponents.Charts | ||
| @using System; | ||
| @using System.Collections.Generic; | ||
| @using System.Linq; | ||
| @using System.Threading.Tasks; | ||
| @using Newtonsoft.Json; | ||
| @*Hidden:Lines*@ | ||
| @using ej2_blazor_samples | ||
| @{ | ||
| SampleBrowser.CurrentSampleName = SampleBrowser.Config.RangeNavigator[1].Name; | ||
| SampleBrowser.CurrentControlName = "RangeNavigator"; | ||
| SampleBrowser.CurrentControlCategory = "RangeNavigator"; | ||
| SampleBrowser.CurrentControl = SampleBrowser.Config.RangeNavigator; | ||
| SampleBrowser.ActionDescription = new string[] { | ||
| @"<p> | ||
| This sample visualizes the bitcoin price range with area series in the light weight range navigator. Selected range values are enhanced with tooltip. | ||
| </p>" | ||
| }; | ||
| SampleBrowser.Description = new string[] { | ||
| @"<p> | ||
| In this example, you can see how to render and configure the Light Weight Range Navigator. | ||
| </p>" | ||
| }; | ||
| } | ||
| @*End:Hidden*@ | ||
|
|
||
| <div class="control-section"> | ||
|
|
||
| <h4 id="default" style="font-family: Segoe UI;font-weight: 500; font-style:normal; font-size:15px;" align="center">LightWeight Range Navigator</h4> | ||
| <EjsRangeNavigator id="range" valueType=Syncfusion.EJ2.RazorComponents.Charts.RangeValueType.DateTime tooltip="@tooltip" dataSource="@data" xName="xValue" yName="yValue"> | ||
| </EjsRangeNavigator> | ||
|
|
||
| </div> | ||
|
|
||
| @functions{ | ||
| public Object tooltip = new | ||
| { | ||
| enable = true, | ||
| displayMode = "Always" | ||
| }; | ||
|
|
||
| public List<object> data { get; set; } = new List<object> { | ||
|
|
||
| new LineChartData { xValue = new DateTime(2005, 01, 01), yValue = 21, yValue1 = 28 }, | ||
| new LineChartData { xValue = new DateTime(2006, 01, 01), yValue = 24, yValue1 = 44 }, | ||
| new LineChartData { xValue = new DateTime(2007, 01, 01), yValue = 36, yValue1 = 48 }, | ||
| new LineChartData { xValue = new DateTime(2008, 01, 01), yValue = 38, yValue1 = 50 }, | ||
| new LineChartData { xValue = new DateTime(2009, 01, 01), yValue = 54, yValue1 = 66 }, | ||
| new LineChartData { xValue = new DateTime(2010, 01, 01), yValue = 57, yValue1 = 78 }, | ||
| new LineChartData { xValue = new DateTime(2011, 01, 01), yValue = 70, yValue1 = 84 }, | ||
| }; | ||
|
|
||
| public class LineChartData | ||
| { | ||
| public DateTime xValue; | ||
| public double yValue; | ||
| public double yValue1; | ||
| }; | ||
|
|
||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
97 changes: 97 additions & 0 deletions
97
ej2-blazor-samples/Pages/Charts/StockChart/HideSelector.cshtml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,97 @@ | ||
| @page "/Charts/HideSelector" | ||
| @using Syncfusion.EJ2.RazorComponents.Charts | ||
| @using System; | ||
| @using System.Collections.Generic; | ||
| @using System.Linq; | ||
| @using System.Threading.Tasks; | ||
| @using Newtonsoft.Json; | ||
| @*Hidden:Lines*@ | ||
| @using ej2_blazor_samples | ||
| @{ | ||
| SampleBrowser.CurrentSampleName = SampleBrowser.Config.StockChart[1].Name; | ||
| SampleBrowser.CurrentControlName = "StockChart"; | ||
| SampleBrowser.CurrentControlCategory = "StockChart"; | ||
| SampleBrowser.CurrentControl = SampleBrowser.Config.StockChart; | ||
| SampleBrowser.ActionDescription = new string[] { | ||
| @"<p> | ||
| This sample visualizes stock chart without range Slider. | ||
| </p>" | ||
| }; | ||
| SampleBrowser.Description = new string[] { | ||
| @"<p> | ||
| In this example, you can see how to render and configure the Stock chart. | ||
| <code>LineSeries</code> is used to represent selected data value. | ||
| </p> | ||
| <br>" | ||
| }; | ||
| } | ||
| @*End:Hidden*@ | ||
|
|
||
| <div class="control-section"> | ||
| <EjsStockChart id="stockChart" title="AAPL Stock Price" series="@seriesData" primaryXAxis="@xAxis" primaryYAxis="@yAxis" tooltip="@tooltip" dataSource="@data" enableSelector="false"> | ||
| </EjsStockChart> | ||
| </div> | ||
|
|
||
| @functions{ | ||
|
|
||
| public Object xAxis = new | ||
| { | ||
| valueType = "DateTime", | ||
| labelFormat = "y", | ||
| intervalType = "Years", | ||
| edgelabelPalcement = "Shift", | ||
| majorGridLines = new { width = 0.0000001 } | ||
| }; | ||
|
|
||
|
|
||
|
|
||
| public Object yAxis = new | ||
| { | ||
| labelFormat = "{value}M", | ||
| rangePadding = "None", | ||
| title = "Revenue", | ||
| majorTickLines = new { width = 0.000001 }, | ||
| minorTickLines = new { width = 0.000001 } | ||
| }; | ||
|
|
||
| public Object tooltip = new | ||
| { | ||
| enable = false, | ||
| shared = true | ||
| }; | ||
|
|
||
|
|
||
|
|
||
| public Object crosshair = new | ||
| { | ||
| enable = false, | ||
| lineType = "Vertical" | ||
| }; | ||
|
|
||
| public List<object> data { get; set; } = new List<object> { | ||
|
|
||
| new LineChartData { xValue = new DateTime(2005, 01, 01), yValue = 21, yValue1 = 28 }, | ||
| new LineChartData { xValue = new DateTime(2006, 01, 01), yValue = 24, yValue1 = 44 }, | ||
| new LineChartData { xValue = new DateTime(2007, 01, 01), yValue = 36, yValue1 = 48 }, | ||
| new LineChartData { xValue = new DateTime(2008, 01, 01), yValue = 38, yValue1 = 50 }, | ||
| new LineChartData { xValue = new DateTime(2009, 01, 01), yValue = 54, yValue1 = 66 }, | ||
| new LineChartData { xValue = new DateTime(2010, 01, 01), yValue = 57, yValue1 = 78 }, | ||
| new LineChartData { xValue = new DateTime(2011, 01, 01), yValue = 70, yValue1 = 84 }, | ||
| }; | ||
|
|
||
| public class LineChartData | ||
| { | ||
| public DateTime xValue; | ||
| public double yValue; | ||
| public double yValue1; | ||
| }; | ||
|
|
||
|
|
||
|
|
||
|
|
||
| public List<object> seriesData { get; set; } = new List<object> | ||
| { | ||
| new { xName = "xValue", type = "Line", yName = "yValue" } | ||
| }; | ||
|
|
||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.