New to Telerik UI for ASP.NET MVC? Start a free 30-day trial

Defines the fluent interface for configuring funnel series.

Definition

Constructors

Initializes a new instance of the ChartFunnelSeriesBuilder<T> class.

C#
public ChartFunnelSeriesBuilder(IChartFunnelSeries series)
Parameters:seriesIChartFunnelSeries

The series.

Properties

Gets or sets the series.

C#
public IChartFunnelSeries Series { get; }
Property Value:

The series.

Methods

Configures the funnel border

C#
public ChartFunnelSeriesBuilder<T> Border(Action<ChartBorderBuilder> configurator)
Parameters:configuratorAction<ChartBorderBuilder>

The border configuration action

Returns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series =&gt; series.Funnel(s =&gt; s.Sales, s =&gt; s.DateString).Border(b =&gt; b.Color("green")))
)

Sets the funnel segments border

C#
public ChartFunnelSeriesBuilder<T> Border(int width, string color, ChartDashType dashType)
Parameters:widthint

The funnel segments border width.

colorstring

The funnel segments border color (CSS syntax).

dashTypeChartDashType

The funnel segments border dash type.

Returns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series =&gt; series.Funnel(s =&gt; s.Sales, s =&gt; s.DateString).Border(1, "#000", ChartDashType.Dot))
)

Sets the dynamic height of the funnel chart.

C#
public ChartFunnelSeriesBuilder<T> DynamicHeight(bool dynamicHeight)
Parameters:dynamicHeightboolReturns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series =&gt; series.Funnel(s =&gt; s.Sales, s =&gt; s.DateString).DynamicHeight(true))
)

Sets the dynamic slope of the funnel chart.

C#
public ChartFunnelSeriesBuilder<T> DynamicSlope(bool dynamicSlope)
Parameters:dynamicSlopeboolReturns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series =&gt; series.Funnel(s =&gt; s.Sales, s =&gt; s.DateString).DynamicSlope(true))
)

Configures the funnel chart labels.

C#
public ChartFunnelSeriesBuilder<T> Labels(Action<ChartFunnelLabelsBuilder> configurator)
Parameters:configuratorAction<ChartFunnelLabelsBuilder>

The configuration action.

Returns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series =&gt; series
.Funnel(s =&gt; s.Sales, s =&gt; s.DateString)
.Labels(labels =&gt; labels
.Color("red")
.Visible(true)
)
)
)

Sets the visibility of funnel chart labels.

C#
public ChartFunnelSeriesBuilder<T> Labels(bool visible)
Parameters:visiblebool

The visibility. The default value is false.

Returns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series =&gt; series
.Funnel(s =&gt; s.Sales, s =&gt; s.DateString)
.Labels(true)
)
)

Sets the name of the series.

C#
public ChartFunnelSeriesBuilder<T> Name(string text)
Parameters:textstringReturns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series =&gt; series.Funnel(s =&gt; s.Sales, s =&gt; s.DateString).Name("Sales"))
)

Sets the neck ratio of the funnel chart.

C#
public ChartFunnelSeriesBuilder<T> NeckRatio(double neckRatio)
Parameters:neckRatiodoubleReturns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series =&gt; series.Funnel(s =&gt; s.Sales, s =&gt; s.DateString).NeckRatio(3))
)

Sets the opacity of the funnel series.

C#
public ChartFunnelSeriesBuilder<T> Opacity(double opacity)
Parameters:opacitydoubleReturns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series =&gt; series.Funnel(s =&gt; s.Sales, s =&gt; s.DateString).Opacity(0.3))
)

The chart series pattern configuration options.

C#
public ChartFunnelSeriesBuilder<T> Pattern(Action<ChartSeriesPatternSettingsBuilder> configurator)
Parameters:configuratorAction<ChartSeriesPatternSettingsBuilder>

The configurator for the Pattern setting.

Returns:

ChartFunnelSeriesBuilder<T>

Sets the data item field which contains the series pattern configuration for individual chart segments.

C#
public ChartFunnelSeriesBuilder<T> PatternField(string value)
Parameters:valuestring

The data item field which contains the series pattern configuration for individual chart segments

Returns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series =&gt; series.Funnel(s =&gt; s.Sales, s =&gt; s.DateString).PatternField("Pattern"))
)

Sets the segmentSpacing of the chart.

C#
public ChartFunnelSeriesBuilder<T> SegmentSpacing(double segmentSpacing)
Parameters:segmentSpacingdoubleReturns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series =&gt; series.Funnel(s =&gt; s.Sales, s =&gt; s.DateString).SegmentSpacing(5))
)

Configure the series tooltip.

C#
public ChartFunnelSeriesBuilder<T> Tooltip(Action<ChartTooltipBuilder> configurator)
Parameters:configuratorAction<ChartTooltipBuilder>

Use the configurator to set the tooltip options.

Returns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart().Name("chart")
.Series(series =&gt;
series.Funnel(new dynamic[]{
new { category= "Impressions ", value= 434823, color= "#0e5a7e" },
new { category= "Clicks", value= 356854, color= "#166f99" }
}).Tooltip(tooltip =&gt; tooltip.Border(border =&gt; border.Color("#ff0000")))
)
)

Sets the tooltip visibility.

C#
public ChartFunnelSeriesBuilder<T> Tooltip(bool visible)
Parameters:visiblebool

A value indicating if the tooltip should be displayed.

Returns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart().Name("chart")
.Series(series =&gt;
series.Funnel(new dynamic[]{
new { category= "Impressions ", value= 434823, color= "#0e5a7e" },
new { category= "Clicks", value= 356854, color= "#166f99" }
}).Tooltip(true)
)
)

Sets the series visual handler

C#
public ChartFunnelSeriesBuilder<T> Visual(Func<object, object> handler)
Parameters:handlerFunc<object, object>

The handler

Returns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart()
.Name("chart")
.Series(series =&gt;
{
series.Funnel(new dynamic[]{
new { category= "Impressions ", value= 434823, color= "#0e5a7e" },
new { category= "Clicks", value= 356854, color= "#166f99" }
}).Visual(
@&lt;text&gt;
function(e) {
return e.createVisual(); // returns the default visual
}
&lt;/text&gt;
);
})
)

Sets the series visual handler

C#
public ChartFunnelSeriesBuilder<T> Visual(string handler)
Parameters:handlerstring

The JavaScript function name.

Returns:

ChartFunnelSeriesBuilder<T>

Example:
C#
@(Html.Kendo().Chart().Name("chart")
.Series(series =&gt;
series.Funnel(new dynamic[]{
new { category= "Impressions ", value= 434823, color= "#0e5a7e" },
new { category= "Clicks", value= 356854, color= "#166f99" }
}).Visual("funnelVisual")
)
)