ChartFunnelSeriesBuilder

Properties

Series - IChartFunnelSeries

Gets the series type.

Series - IChartFunnelSeries

Gets the series type.

Methods

Name(System.String)

Sets the name of the series.

Parameters

text - System.String

Example

            @(Html.Kendo().Chart(Model)
                       .Name("Chart")
                       .Series(series => series.Funnel(s => s.Sales, s => s.DateString).Name("Sales"))
            )

SegmentSpacing(System.Double)

Sets the segmentSpacing of the chart.

Parameters

segmentSpacing - System.Double

Example

            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Funnel(s => s.Sales, s => s.DateString).SegmentSpacing(5))
            )

Opacity(System.Double)

Sets the opacity of the funnel series.

Parameters

opacity - System.Double

Example

            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Funnel(s => s.Sales, s => s.DateString).Opacity(0.3))
            )

NeckRatio(System.Double)

Sets the neck ratio of the funnel chart.

Parameters

neckRatio - System.Double

Example

            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Funnel(s => s.Sales, s => s.DateString).NeckRatio(3))
            )

DynamicSlope(System.Boolean)

Sets the dynamic slope of the funnel chart.

Parameters

dynamicSlope - System.Boolean

Example

            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Funnel(s => s.Sales, s => s.DateString).DynamicSlope(true))
            )

DynamicHeight(System.Boolean)

Sets the dynamic height of the funnel chart.

Parameters

dynamicHeight - System.Boolean

Example

            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Funnel(s => s.Sales, s => s.DateString).DynamicHeight(true))
            )

Labels(System.Action)

Configures the funnel chart labels.

Parameters

configurator - System.Action<ChartFunnelLabelsBuilder>

The configuration action.

Example

            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series
                           .Funnel(s => s.Sales, s => s.DateString)
                           .Labels(labels => labels
                               .Color("red")
                               .Visible(true)
                           )
                        )
            )

Labels(System.Boolean)

Sets the visibility of funnel chart labels.

Parameters

visible - System.Boolean

The visibility. The default value is false.

Example

            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series
                           .Funnel(s => s.Sales, s => s.DateString)
                           .Labels(true)
                       )
            )

Border(System.Int32,System.String,Kendo.Mvc.UI.ChartDashType)

Sets the funnel segments border

Parameters

width - System.Int32

The funnel segments border width.

color - System.String

The funnel segments border color (CSS syntax).

dashType - ChartDashType

The funnel segments border dash type.

Example

            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Funnel(s => s.Sales, s => s.DateString).Border(1, "#000", ChartDashType.Dot))
            )

Border(System.Action)

Configures the funnel border

Parameters

configurator - System.Action<ChartBorderBuilder>

The border configuration action

Example

            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Funnel(s => s.Sales, s => s.DateString).Border(b => b.Color("green")))
            )

Tooltip(System.Action)

Configure the series tooltip.

Parameters

configurator - System.Action<ChartTooltipBuilder>

Use the configurator to set the tooltip options.

Example

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

Tooltip(System.Boolean)

Sets the tooltip visibility.

Parameters

visible - System.Boolean

A value indicating if the tooltip should be displayed.

Example

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

Visual(System.String)

Sets the series visual handler

Parameters

handler - System.String

The JavaScript function name.

Example

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

Visual(System.Func)

Sets the series visual handler

Parameters

handler - System.Func<Object,Object>

The handler

Example

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

PatternField(System.String)

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

Parameters

value - System.String

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

Example

            @(Html.Kendo().Chart(Model)
                       .Name("Chart")
                       .Series(series => series.Funnel(s => s.Sales, s => s.DateString).PatternField("Pattern"))
            )

Pattern(System.Action)

The chart series pattern configuration options.

Parameters

configurator - System.Action<ChartSeriesPatternSettingsBuilder>

The configurator for the Pattern setting.

DrilldownField(System.String)

The data field which contains the value to use to drill down into detailed data for the point.

Parameters

value - System.String

The value for DrilldownField

Example

            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(s => s.Donut(d => d.YourField).DrilldownField("YourField"))
            )

DrilldownSeriesFactory(System.String)

A function that creates the drilldown series for a given point.The function should accept a single parameter, the point drilldownField value. The function should return a series configuration object or a Promise that resolves to one.

Parameters

handler - System.String

The name of the JavaScript function that will be evaluated.

Example

            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(s => s.Donut(d => d.YourField).DrilldownSeriesFactory("handerName"))
            )

DrilldownSeriesFactory(System.Func)

A function that creates the drilldown series for a given point.The function should accept a single parameter, the point drilldownField value. The function should return a series configuration object or a Promise that resolves to one.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

Example

            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(s => s.Donut(d => d.YourField).DrilldownSeriesFactory(
                          @<text>
                              function(e) {
                                  Handle the Click event inline.
                              }
                          </text>
                       ))
            )