Completed
Last Updated: 20 Jun 2020 17:08 by ADMIN
Doug
Created on: 27 Jan 2020 15:12
Category: HtmlChart
Type: Bug Report
1
The MajorGridLines of the chart YAxis are always visible
The XAxis.MajorGridLines of the chart YAxis are always visible as of 2020.1.114
 
Code to reproduce the issue:
<telerik:RadHtmlChart ID="RequestsMonthChart" runat="server" Height="500">
    <ClientEvents OnLoad="chartLoad" />
    <PlotArea>
        <Series>
            <telerik:ColumnSeries Name="Series 1">
                <SeriesItems>
                    <telerik:CategorySeriesItem Y="30" />
                    <telerik:CategorySeriesItem Y="10" />
                    <telerik:CategorySeriesItem Y="20" />
                </SeriesItems>
            </telerik:ColumnSeries>
        </Series>
        <XAxis Name="Year" DataLabelsField="Month">
            <LabelsAppearance RotationAngle="-35" />
            <MajorGridLines Visible="false" />
            <MinorGridLines Visible="false" />
            <Items>
                <telerik:AxisItem LabelText="Item 1" />
                <telerik:AxisItem LabelText="Item 2" />
                <telerik:AxisItem LabelText="Item 3" />
            </Items>
        </XAxis>
        <YAxis>
            <MajorGridLines Visible="false" />
            <MinorGridLines Visible="false" />
        </YAxis>
    </PlotArea>
    <Legend>
        <Appearance Visible="true" Position="Bottom" Width="500" />
    </Legend>
    <ChartTitle Text="Requests Received by Month" />
</telerik:RadHtmlChart>
1 comment
ADMIN
Vessy
Posted on: 27 Jan 2020 15:17

Hi,

Until this bug is fixed, it can be work-arounded by setting the visibility of the MajorGridLines directly through the Kendo UI widget of the chart in its client-side Load event handler:

<script>
    function chartLoad(chart, args) {
        var chartWidget = chart.get_kendoWidget();
        chartWidget.setOptions({
            categoryAxis: [{
                majorGridLines: {
                    visible: false,
                }
            }]
        });
    }
</script>
<telerik:RadHtmlChart ID="RequestsMonthChart" runat="server" Height="500">
    <ClientEvents OnLoad="chartLoad" />
    ...
</telerik:RadHtmlChart>

Regards,
Vessy
Progress Telerik

Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.