forked from syncfusion/blazor-samples
-
Notifications
You must be signed in to change notification settings - Fork 0
/
DefaultFunctionalities.razor
126 lines (119 loc) · 5.61 KB
/
DefaultFunctionalities.razor
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
@page "/SmithChart/DefaultFunctionalities"
@using Syncfusion.EJ2.Blazor.Charts;
@using Syncfusion.EJ2.Blazor.DropDowns;
@inherits SampleBaseComponent;
<div class="col-lg-9 control-section sb-property-border">
<EjsSmithchart RenderType="ChartRenderType">
<SmithchartTitle Visible="true" Text="Transmission details">
</SmithchartTitle>
<SmithchartLegendSettings Visible="true" Shape="Circle">
</SmithchartLegendSettings>
<SmithchartSeriesCollection>
<SmithchartSeries Name="Transmission1" Points="@FirstTransmissionData"
EnableAnimation="true">
<SmithchartSeriesTooltip Visible="true"></SmithchartSeriesTooltip>
<SmithchartSeriesMarker Visible="true" Shape="Circle">
<SmithchartSeriesMarkerBorder Width="2">
</SmithchartSeriesMarkerBorder>
</SmithchartSeriesMarker>
</SmithchartSeries>
<SmithchartSeries Name="Transmission2" Points='@SecondTransmissionData'
EnableAnimation="true">
<SmithchartSeriesTooltip Visible="true"></SmithchartSeriesTooltip>
<SmithchartSeriesMarker Visible="true" Shape="Circle">
<SmithchartSeriesMarkerBorder Width="2">
</SmithchartSeriesMarkerBorder>
</SmithchartSeriesMarker>
</SmithchartSeries>
</SmithchartSeriesCollection>
</EjsSmithchart>
</div>
<div class="col-md-3 property-section">
<div class="property-panel-section">
<div class="property-panel-header">Properties</div>
<div class="property-panel-content">
<table id="property" title="Properties" style="width: 100%" class="property-panel-table">
<tbody>
<tr>
<td>
<div>Render Type</div>
</td>
<td>
<div>
<EjsDropDownList TValue="string" TItem="RenderData" DataSource="@RenderDataSource" Value="@TypeValue">
<DropDownListEvents TValue="string" ValueChange="RenderTypeChange"></DropDownListEvents>
<DropDownListFieldSettings Text="Name" Value="Name"></DropDownListFieldSettings>
</EjsDropDownList>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<style>
.printIconCss {
float: right;
background: transparent;
box-shadow: none;
border-color: transparent;
border-radius: 2px;
color: inherit;
font-size: 12px;
text-transform: capitalize;
margin-top: 4px;
height: 28px;
font-weight: 400;
font-family: inherit;
}
.e-de-icon-Print:before {
content: "\e723";
}
</style>
@code {
private RenderType ChartRenderType = RenderType.Impedance;
private String TypeValue = "Impedance";
public class SmithDataSource
{
public double? resistance;
public double? reactance;
};
public List<SmithDataSource> FirstTransmissionData = new List<SmithDataSource> {
new SmithDataSource { resistance= 10, reactance= 25 }, new SmithDataSource { resistance= 8, reactance= 6 },
new SmithDataSource { resistance= 6, reactance= 4.5 }, new SmithDataSource { resistance= 4.5, reactance= 2 },
new SmithDataSource { resistance= 3.5, reactance= 1.6 }, new SmithDataSource { resistance= 2.5, reactance= 1.3 },
new SmithDataSource { resistance= 2, reactance= 1.2 }, new SmithDataSource { resistance= 1.5, reactance= 1 },
new SmithDataSource { resistance= 1, reactance= 0.8 }, new SmithDataSource { resistance= 0.5, reactance= 0.4 },
new SmithDataSource { resistance= 0.3, reactance= 0.2 }, new SmithDataSource { resistance= 0, reactance= 0.15 },
};
public List<SmithDataSource> SecondTransmissionData = new List<SmithDataSource> {
new SmithDataSource { resistance= 20, reactance= -50 }, new SmithDataSource { resistance= 10, reactance= -10 },
new SmithDataSource { resistance= 9, reactance= -4.5 }, new SmithDataSource { resistance= 8, reactance= -3.5 },
new SmithDataSource { resistance= 7, reactance= -2.5 }, new SmithDataSource{ resistance= 6, reactance= -1.5 },
new SmithDataSource { resistance= 5, reactance= -1 }, new SmithDataSource { resistance= 4.5, reactance= -0.5 },
new SmithDataSource { resistance= 2, reactance= 0.5 }, new SmithDataSource { resistance= 1.5, reactance= 0.4 },
new SmithDataSource { resistance= 1, reactance= 0.4 }, new SmithDataSource { resistance= 0.5, reactance= 0.2 },
new SmithDataSource { resistance= 0.3, reactance= 0.1 }, new SmithDataSource { resistance= 0, reactance= 0.05 },
};
public class RenderData
{
public string Name { get; set; }
}
private List<RenderData> RenderDataSource = new List<RenderData> {
new RenderData { Name = "Impedance"},
new RenderData { Name = "Admittance"},
};
private void RenderTypeChange(Syncfusion.EJ2.Blazor.DropDowns.ChangeEventArgs<string> args)
{
this.TypeValue = args.Value;
if (args.Value == "Admittance")
{
this.ChartRenderType = RenderType.Admittance;
}
else
{
this.ChartRenderType = RenderType.Impedance;
}
}
}