For the time being you can use the following workaround:
<script>
function OnLoad(sender, args) {
var kendoWidget = $find('<%=RadHtmlChart1.ClientID%>').get_kendoWidget();
kendoWidget.options.legend.reverse = true;
kendoWidget.redraw();
}
</script>
<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="600" Height="400">
<ClientEvents OnLoad="OnLoad" />
<PlotArea>
<Series>
<telerik:ColumnSeries Name="Series 1">
<SeriesItems>
<telerik:CategorySeriesItem Y="30" />
<telerik:CategorySeriesItem Y="10" />
<telerik:CategorySeriesItem Y="20" />
</SeriesItems>
</telerik:ColumnSeries>
<telerik:ColumnSeries Name="Series 2">
<SeriesItems>
<telerik:CategorySeriesItem Y="2" />
<telerik:CategorySeriesItem Y="5" />
<telerik:CategorySeriesItem Y="7" />
</SeriesItems>
</telerik:ColumnSeries>
<telerik:ColumnSeries Name="Series 3">
<SeriesItems>
<telerik:CategorySeriesItem Y="9" />
<telerik:CategorySeriesItem Y="11" />
<telerik:CategorySeriesItem Y="13" />
</SeriesItems>
</telerik:ColumnSeries>
</Series>
<XAxis>
<LabelsAppearance RotationAngle="33"></LabelsAppearance>
<Items>
<telerik:AxisItem LabelText="Item 1" />
<telerik:AxisItem LabelText="Item 2" />
<telerik:AxisItem LabelText="Item 3" />
</Items>
</XAxis>
</PlotArea>
</telerik:RadHtmlChart>