Search results

Title and Subtitle

Enable title

The title and subtitle are used to depict the information about the data plotted in the Smith Chart. You can set the title and subtitle of the Smith Chart using the Text property in the SmithchartTitle and SmithchartSubtitle tags. By default, the visibility of the title and subtitle are enabled. You need to set simply text for title and subtitle in your sample as demonstrated in the following code sample.

@using Syncfusion.EJ2.Blazor.Charts

<EjsSmithchart>
    <SmithchartTitle Text="Smith Chart">
        <SmithchartSubtitle Text="Impedance Transmission"></SmithchartSubtitle>
    </SmithchartTitle>
    <SmithchartSeriesCollection>
        <SmithchartSeries Points="@firstTransmissionData"></SmithchartSeries>
    </SmithchartSeriesCollection>
</EjsSmithchart>

@code {
    public class SmithDataSource
    {
        public double? resistance;
        public double? reactance;
    };
    private List<SmithDataSource> firstTransmissionData = new List<SmithDataSource> {
        new SmithDataSource { resistance= 10, reactance= 25 },
        new SmithDataSource { resistance= 6, reactance= 4.5 },
        new SmithDataSource { resistance= 3.5, reactance= 1.6 },
        new SmithDataSource { resistance= 2, reactance= 1.2 },
        new SmithDataSource { resistance= 1, reactance= 0.8 },
        new SmithDataSource { resistance= 0, reactance= 0.2 }
    };
}

Smith chart with title and subtitle

Title trim

Both the title and subtitle of the Smith Chart can be trimmed if they exceed the certain length. Trimming is enabled using the EnableTrim property for title. This length can be changed using the property MaximumWidth property.

@using Syncfusion.EJ2.Blazor.Charts

<EjsSmithchart>
    <SmithchartTitle
        Text="Demo for Smith Chart impedance transmission. For more info"
        EnableTrim="true"
        MaximumWidth="400">
    </SmithchartTitle>
    <SmithchartSeriesCollection>
        <SmithchartSeries Points="@firstTransmissionData"></SmithchartSeries>
    </SmithchartSeriesCollection>
</EjsSmithchart>

@code {
    public class SmithDataSource
    {
        public double? resistance;
        public double? reactance;
    };
    private List<SmithDataSource> firstTransmissionData = new List<SmithDataSource> {
        new SmithDataSource { resistance= 10, reactance= 25 },
        new SmithDataSource { resistance= 6, reactance= 4.5 },
        new SmithDataSource { resistance= 3.5, reactance= 1.6 },
        new SmithDataSource { resistance= 2, reactance= 1.2 },
        new SmithDataSource { resistance= 1, reactance= 0.8 },
        new SmithDataSource { resistance= 0, reactance= 0.2 }
    };
}

Smith chart with title trim