For the time being you can use the following JavaScript workaround:
<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="600" Height="300">
<PlotArea>
<Series>
<telerik:LineSeries Name="series 1">
<SeriesItems>
<telerik:CategorySeriesItem Y="30" />
<telerik:CategorySeriesItem Y="10" />
<telerik:CategorySeriesItem Y="25" />
<telerik:CategorySeriesItem Y="20" />
</SeriesItems>
</telerik:LineSeries>
</Series>
<XAxis MinValue="1">
</XAxis>
</PlotArea>
</telerik:RadHtmlChart>
<script>
//JavaScript workaround
function isNumber(val) {
return typeof val === "number" && !isNaN(val);
}
var dataviz = kendo.dataviz,
inArray = dataviz.inArray,
deepExtend = kendo.deepExtend,
math = Math,
AREA = "area",
VERTICAL_AREA = "verticalArea",
VERTICAL_LINE = "verticalLine",
LINE = "line";
kendo.dataviz.CategoricalPlotArea.fn.filterSeries = function (currentSeries, categoryAxis) {
var range = categoryAxis.totalRangeIndices();
var justified = categoryAxis.options.justified;
var outOfRangePoints = inArray(currentSeries.type, [LINE, VERTICAL_LINE, AREA, VERTICAL_AREA]);
var categoryIx;
range.min = isNumber(categoryAxis.options.min) ? math.floor(range.min) : 0;
range.max = isNumber(categoryAxis.options.max) ? (justified ? math.floor(range.max) + 1 : math.ceil(range.max)) : currentSeries.data.length;
currentSeries = deepExtend({}, currentSeries);
if (outOfRangePoints) {
var minCategory = range.min - 1;
var srcCategories = categoryAxis.options.srcCategories || [];
if (minCategory >= 0 && minCategory < currentSeries.data.length) {
categoryIx = minCategory;
currentSeries._outOfRangeMinPoint = {
item: currentSeries.data[categoryIx],
category: srcCategories[categoryIx],
categoryIx: -1
};
}
if (range.max < currentSeries.data.length) {
categoryIx = range.max;
currentSeries._outOfRangeMaxPoint = {
item: currentSeries.data[categoryIx],
category: srcCategories[categoryIx],
categoryIx: range.max - range.min
};
}
}
categoryAxis._seriesMax = math.max(categoryAxis._seriesMax || 0, currentSeries.data.length);
currentSeries.data = (currentSeries.data || []).slice(range.min, range.max);
return currentSeries;
}
</script>