Bar series is not supported with client-side scrolling and zooming enabled. Series: Series1

[Paul]

I was attempting to use scrolling on a bar graph for a chart I was making and had been unable to make it work (Using 2009 Q3). I always received an error: Bar series is not supported with client-side scrolling and zooming enabled. Series: Series1. I was binding to my data in my code-behind.

I did discover a workaround however to make this work. In my ASPX page I set my series type to "Area" although "Line" also worked. I haven't really tried any of the other types other than "Bar" which didn't work. Doing this got around the error I mentioned above and rendered the chart as a bar graph with the scrolling I wanted working. Zooming also worked although I disabled it for the chart I was creating. After my data was bound in the code-behind, the chart defaulted back to the "Bar" type (appearing to totally ignore the setting I set for "area" in the aspx page) and I was able to scroll through the data as I wanted.

I'm not sure if the bar chart supports Zooming & Scrolling out of the box as it doesn't mention it anywhere on the demo page that it explicitly does not. However it didn't appear to work for me initially until I worked around the problem.

I hope this helps someone get it working if they get this error too. And if the bar chart is supposed to work, I'm not quite sure why it failed for me.

Regards,

Paul

[Vladimir Milev]

Hi Paul,

Yes, the bar chart is not supposed to work with zooming and scrolling. Thanks for pointing this out for other customers as well.

All the best,
Vladimir Milev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Carlos Contreras]

Hi Vladimir!

I'm new using RadChart and I was looking for the scrolling option in a bar chart too, and now I know that isn't possible. :(

But I was wondering WHY is not possible?

It would be a nice feature being able to scrolling a bar chart when there are too many values on x-axis! :)

Maybe the reason is a design issue, but I'm just speculating. Maybe it could be included in a future release of Telereik RadControls.


Regards

[Giuseppe]

Hi Carlos,

For the time being we would suggest you the following "hack" as a workaround -- add empty Line series next to your bar series and you will be able to use the scrolling feature for bars as well.

Hope this helps.


All the best,
Freddie
the Telerik team

[Carlos Contreras]

Hi Freddie!

Thanks for your reply!

Unfortunately, I'm afraid I don't understand how to do what you suggested me to do.

Do you think you could provide me an example or some code lines to learn how to achieve what you suggested? I'd appreciate a lot if you could do that!

Thanks again!


Regards

[Giuseppe]

Hi Carlos Contreras,

Here is a sample code snippet to get you started:

<telerik:RadChart ID="RadChart1" runat="server" AutoLayout="true">
    <ClientSettings ScrollMode="XOnly" />
    <Series>
        <telerik:ChartSeries Type="Bar">
            <Items>
                <telerik:ChartSeriesItem YValue="10" />
                <telerik:ChartSeriesItem YValue="20" />
                <telerik:ChartSeriesItem YValue="30" />
                <telerik:ChartSeriesItem YValue="40" />
                <telerik:ChartSeriesItem YValue="50" />
                <telerik:ChartSeriesItem YValue="60" />
                <telerik:ChartSeriesItem YValue="70" />
            </Items>
        </telerik:ChartSeries>
        <telerik:ChartSeries Type="Line" />
    </Series>
</telerik:RadChart>

All the best,
Freddie
the Telerik team

[Carlos Contreras]

Hi Freddie!

Thanks again for your reply!

I followed your example, and indeed, it worked!

However, when I try to apply what you suggested to my case (I bind the RadChart in CodeBehind), I got the following error message: "Bar series is not supported with client-side scrolling and zooming enabled."

I already solved that issue the following way:

RadChart1.DataBind();

ChartSeries serie = new ChartSeries("lines", ChartSeriesType.Line);
RadChart1.Series.Add(serie);

BUT, unfortunately, I think I misunderstood the RadChart's scrolling functionality, because it seems it's ONLY available when I apply zoom to my chart, otherwise the scrollbar never shows. Am I right, or is there a way to use horizontal scrolling WITHOUT zooming?

Thanks again!


Regards

[Giuseppe]

Hello Carlos,

You can use the RadChart.ClientSettings.XScale property (the default value is 1) to set a predefined scale factor on page load (thus the scroller will be available on page load as well).

Hope this helps.


Kind regards,
Freddie
the Telerik team