alexa
menu

Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Search Results for

    Show / Hide Table of Contents

    Class PathOptions

    Defines the complete set of options for rendering an SVG path element in chart components, including path direction, stroke, fill, opacity, clipping, accessibility, and inline style.

    Inheritance
    object
    PathOptions
    Inherited Members
    object.Equals(object)
    object.Equals(object, object)
    object.GetHashCode()
    object.GetType()
    object.MemberwiseClone()
    object.ReferenceEquals(object, object)
    object.ToString()
    Namespace: Syncfusion.Blazor.DataVizCommon
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public class PathOptions

    Constructors

    PathOptions()

    Initializes a new default instance of PathOptions with all properties at their default values.

    Declaration
    public PathOptions()

    PathOptions(string, string, string, double, string, double, string, string, string, string, string, string, string, string)

    Initializes a new instance of PathOptions with all required SVG path attributes.

    Declaration
    public PathOptions(string id, string direction, string strokeDasharray, double strokeWidth, string stroke, double opacity = 1, string fill = "none", string strokeMiterLimit = "", string clipPath = "", string accessText = "", string style = "", string tabIndex = "", string datapoint = "", string title = "Path Element")
    Parameters
    Type Name Description
    string id

    The unique element identifier.

    string direction

    The SVG path d data string.

    string strokeDasharray

    The stroke dash array pattern.

    double strokeWidth

    The stroke width in pixels.

    string stroke

    The stroke color.

    double opacity

    Optional opacity (0–1). Defaults to 1.

    string fill

    Optional fill color. Defaults to "none".

    string strokeMiterLimit

    Optional stroke miter limit. Defaults to an empty string.

    string clipPath

    Optional clip-path attribute reference. Defaults to an empty string.

    string accessText

    Optional ARIA label text. Defaults to an empty string.

    string style

    Optional inline CSS style. Defaults to an empty string.

    string tabIndex

    Optional tabindex value. Defaults to an empty string.

    string datapoint

    Optional data-point attribute value. Defaults to an empty string.

    string title

    Optional title text. Defaults to "Path Element".

    Properties

    AccessibilityText

    Gets or sets the ARIA label text used as the aria-label attribute value for screen-reader accessibility.

    Declaration
    public string AccessibilityText { get; set; }
    Property Value
    Type
    string

    ClipPath

    Gets or sets the SVG clip-path attribute reference (e.g., "url(#clipId)") applied to the path.

    Declaration
    public string ClipPath { get; set; }
    Property Value
    Type
    string

    DataPoint

    Gets or sets the data-point custom attribute value used to associate the path element with chart data point information.

    Declaration
    public string DataPoint { get; set; }
    Property Value
    Type
    string

    Direction

    Gets or sets the SVG d attribute value that defines the path geometry commands.

    Declaration
    public string Direction { get; set; }
    Property Value
    Type
    string

    Fill

    Gets or sets the fill color of the path. Accepts a valid CSS color string. Defaults to "none".

    Declaration
    public string Fill { get; set; }
    Property Value
    Type
    string

    Id

    Gets or sets the unique identifier of the path element.

    Declaration
    public string Id { get; set; }
    Property Value
    Type
    string

    Opacity

    Gets or sets the opacity of the path element. Range: 0 (transparent) to 1 (opaque).

    Declaration
    public double Opacity { get; set; }
    Property Value
    Type
    double

    Stroke

    Gets or sets the stroke color of the path. Accepts a valid CSS color string.

    Declaration
    public string Stroke { get; set; }
    Property Value
    Type
    string

    StrokeDashArray

    Gets or sets the SVG stroke-dasharray value defining the dash pattern of the path stroke.

    Declaration
    public string StrokeDashArray { get; set; }
    Property Value
    Type
    string

    StrokeMiterLimit

    Gets or sets the SVG stroke-miterlimit attribute value that controls sharp corners at path joins.

    Declaration
    public string StrokeMiterLimit { get; set; }
    Property Value
    Type
    string

    StrokeWidth

    Gets or sets the stroke width of the path in pixels. Defaults to 1.

    Declaration
    public double StrokeWidth { get; set; }
    Property Value
    Type
    double

    Style

    Gets or sets the inline CSS style string applied via the data-sf-style attribute.

    Declaration
    public string Style { get; set; }
    Property Value
    Type
    string

    TabIndex

    Gets or sets the tabindex attribute value for keyboard navigation support.

    Declaration
    public string TabIndex { get; set; }
    Property Value
    Type
    string

    Title

    Gets or sets the title attribute text providing a tooltip and accessible name for the element. Defaults to "Path Element".

    Declaration
    public string Title { get; set; }
    Property Value
    Type
    string

    Visibility

    Gets or sets the SVG visibility attribute value (e.g., "visible", "hidden"). Defaults to an empty string.

    Declaration
    public string Visibility { get; set; }
    Property Value
    Type
    string
    In this article
    Back to top Generated by DocFX
    Copyright © 2001 - 2026 Syncfusion Inc. All Rights Reserved