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
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>
);
})
)
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
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.
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.