ChartBubbleSeriesBuilder
Properties
Series - IChartBubbleSeries
Gets the Size data member of the series.
Methods
NegativeValues(System.Action)
Configures the Bubble Chart behavior for negative values. By default negative values are not visible.
Parameters
configurator - System.Action<ChartNegativeValueSettingsBuilder>
The configuration action.
Example
@(Html.Kendo().Chart<ChartViewModel>()
.Name("Chart")
.Series(series => series
.Bubble(s => s.x, s => s.y, s => s.size)
.NegativeValues(n => n.Visible(true))
)
)
Border(System.Int32,System.String)
Sets the border of the Bubble Chart series.
Parameters
width - System.Int32
The border width.
color - System.String
The border color (CSS syntax).
Example
@(Html.Kendo().Chart<ChartViewModel>()
.Name("Chart")
.Series(series => series
.Bubble(s => s.x, s => s.y, s => s.size)
.Border(1, "red")
)
)
Markers(System.Action)
Not applicable to bubble series
Parameters
configurator - System.Action<ChartMarkersBuilder>
Markers(System.Boolean)
Not applicable to bubble series
Parameters
visible - System.Boolean
Highlight(System.Action)
Defines the series highlighting configuration options.
Parameters
configurator - System.Action<ChartBubbleSeriesHighlightBuilder>
The configuration action.
Example
@(Html.Kendo().Chart<ChartViewModel>()
.Name("Chart")
.Series(series => series.Bubble(s => s.x, s => s.y, s => s.size).Highlight(h=>h.Opacity(0.5)))
)
SizeField(System.String)
Sets the Model property that holds the bubble size value.
Parameters
value - System.String
The name of the Model property.
Example
@(Html.Kendo().Chart<ChartViewModel>()
.Name("Chart")
.Series(series => series.Bubble(s => s.x, s => s.y, s => s.size).SizeField("Price"))
)
Labels(System.Action)
Configures the scatter chart labels.
Parameters
configurator - System.Action<ChartPointLabelsBuilder>
The configuration action.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Scatter(s => s.x, s => s.y)
.Labels(labels => labels
.Position(ChartBarLabelsPosition.Above)
.Visible(true)
)
)
)
Labels(System.Boolean)
Sets the visibility of scatter chart labels.
Parameters
visible - System.Boolean
The visibility. The default value is false.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Scatter(s => s.x, s => s.y)
.Labels(true)
)
)
XAxis(System.String)
Sets the axis name to use for this series.
Parameters
axis - System.String
The axis name for this series.
Example
@(Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Scatter(s => s.X, s => s.Y).Name("Scatter").XAxis("secondary"))
.XAxis(axis => axis.Numeric())
.XAxis(axis => axis.Numeric("secondary"))
)
YAxis(System.String)
Sets the axis name to use for this series.
Parameters
axis - System.String
The axis name for this series.
Example
@(Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Scatter(s => s.Sales).Name("Sales").YAxis("secondary"))
.YAxis(axis => axis.Numeric())
.YAxis(axis => axis.Numeric("secondary"))
)
Axis(System.String)
Not applicable to scatter series
Parameters
axis - System.String
CategoryAxis(System.String)
Not applicable to scatter series
Parameters
categoryAxis - System.String
XField(System.String)
Sets the X field for the series
Parameters
xField - System.String
The value X field for the series
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Scatter(Model.Records).XField("X").YField("Y"))
)
YField(System.String)
Sets the Y field for the series
Parameters
yField - System.String
The value Y field for the series
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Scatter(Model.Records).XField("X").YField("Y"))
)
NoteTextField(System.String)
Sets the note text field for the series
Parameters
noteTextField - System.String
The note text field for the series
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(Model.Records).Field("Value").NoteTextField("NoteText"))
)
Fields(System.String,System.String)
Sets the X and Y fields for the series
Parameters
xField - System.String
The X field for the series
yField - System.String
The Y field for the series
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Scatter(Model.Records).Fields("X", "Y"))
)
Name(System.String)
Sets the series title displayed in the legend.
Parameters
text - System.String
The title.
Example
@(Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Name("Sales"))
)
Opacity(System.Double)
Sets the series opacity.
Parameters
opacity - System.Double
The series opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1.
Example
@(Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Opacity(0.5))
)
Color(System.String)
Sets the bar fill color
Parameters
color - System.String
The bar fill color (CSS syntax).
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Color("Red"))
)
Color(System.Func)
Sets the function used to retrieve point color.
Parameters
colorFunction - System.Func<Object,Object>
The JavaScript function that will be executed to retrieve the color of each point.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Color(
@<text>
function(point) {
return point.value > 5 ? "red" : "green";
}
</text>
)
)
)
ColorHandler(System.Func)
Sets the function used to retrieve point color.
Parameters
colorFunction - System.Func<Object,Object>
The JavaScript function that will be executed to retrieve the color of each point.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.ColorHandler(
@<text>
function(point) {
return point.value > 5 ? "red" : "green";
}
</text>
)
)
)
ColorHandler(System.String)
Sets the function used to retrieve point color.
Parameters
colorFunction - System.String
The JavaScript function that will be executed to retrieve the color of each point.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.ColorHandler("pointColor")
)
)
Tooltip(System.Action)
Configure the data point tooltip for the series.
Parameters
configurator - System.Action<ChartTooltipBuilder>
Use the configurator to set data tooltip options.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales)
.Tooltip(tooltip =>
{
tooltip.Visible(true).Format("{0:C}");
})
)
)
Tooltip(System.Boolean)
Sets the data point tooltip visibility.
Parameters
visible - System.Boolean
A value indicating if the data point tooltip should be displayed. The tooltip is not visible by default.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Tooltip(true))
)
Highlight(System.Action)
Configures the series highlight
Parameters
configurator - System.Action<ChartSeriesHighlightBuilder>
The configuration action.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Pie(s => s.Sales, s => s.DateString)
.Highlight(highlight => highlight.Color("yellow"))
)
)
Highlight(System.Boolean)
Configures the highlight visibility
Parameters
visible - System.Boolean
The highlight visibility.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Pie(s => s.Sales, s => s.DateString)
.Highlight(false)
)
)
Visible(System.Boolean)
Sets the labels visibility
Parameters
visible - System.Boolean
The labels visibility.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).Visible(false))
)
VisibleInLegend(System.Boolean)
Sets the labels visibility in the legend
Parameters
visible - System.Boolean
The series visibility in the legend.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series.Bar(s => s.Sales).VisibleInLegend(false))
)
Notes(System.Action)
Configures the series notes
Parameters
configurator - System.Action<ChartNoteBuilder>
The configuration action.
Example
@(Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales).Notes(notes => notes.Position(ChartNotePosition.Right))
)
)
Aggregate(System.Func)
Sets the function used to retrieve point color.
Parameters
aggregateFunction - System.Func<Object,Object>
The JavaScript function that will be executed to retrieve the value of each aggregated point.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Aggregate(
@<text>
function(values) {
return values[0];
}
</text>
)
)
)
Aggregate(System.String)
Sets the function used to retrieve point color.
Parameters
aggregateFunction - System.String
The JavaScript function that will be executed to retrieve the value of each aggregated point.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Bar(s => s.Sales)
.Aggregate("myAggregate")
)
)
<script>
function myAggregate(values) {
return values[0];
}
</script>
ZIndex(System.Double)
Sets the series stacking order relative to other series.
Parameters
zIndex - System.Double
The stacking order of series, relative to other series. The series with the highest Z-index will be placed on top. Series with no Z-index will use the default stacking order based on series type. For example line series will be on top with bar and area following below.
Example
@(Html.Kendo().Chart(Model)
.Name("Chart")
.Series(series => {
series.Area(s => s.Sales).ZIndex(2);
series.Column(s => s.Price).ZIndex(1);
})
)
Median(System.Action)
The configuration of the Box Plot median value indicator (line).
Parameters
configurator - System.Action<ChartSeriesMedianBuilder>
The configurator for the median setting.
Mean(System.Action)
The configuration of the Box Plot mean value indicator (line).
Parameters
configurator - System.Action<ChartSeriesMeanBuilder>
The configurator for the mean 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
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.
LegendItem(System.Action)
The chart series legend configuration options.
Parameters
configurator - System.Action<ChartSeriesLegendItemSettingsBuilder>
The configurator for the legend setting.