Aligning differents charts

[Ernest]

Hi,
we are evaluating the web chart control for our company. Can we create different chart areas in the same chart with different chart types? If not, how can we align Y axes in length and X axes in height using different charts?

Thanks in advanced
Regards

[Giuseppe]

Hi Ernest,

RadChart does not support multiple chart areas within the same control instance.

As for the aligning of different chart controls -- we are not quite sure what kind of integrated support you are looking for but the separate instances do not have any interaction built-in; you can use standard layout controls to align the charts for example like this:

<div>
<table>
    <tr>
        <td>
            <telerik:RadChart ID="RadChart1" runat="Server">
                <Series>
                    <telerik:ChartSeries Name="Series 1">
                        <Items>
                            <telerik:ChartSeriesItem Name="Item 1" YValue="5">
                            </telerik:ChartSeriesItem>
                            <telerik:ChartSeriesItem Name="Item 2" YValue="2">
                            </telerik:ChartSeriesItem>
                            <telerik:ChartSeriesItem Name="Item 3" YValue="8">
                            </telerik:ChartSeriesItem>
                            <telerik:ChartSeriesItem Name="Item 4" YValue="10">
                            </telerik:ChartSeriesItem>
                        </Items>
                    </telerik:ChartSeries>
                </Series>
            </telerik:RadChart>
        </td>
        <td>
            <telerik:RadChart ID="RadChart2" runat="Server">
                <Series>
                    <telerik:ChartSeries Name="Series 1">
                        <Items>
                            <telerik:ChartSeriesItem Name="Item 1" YValue="50">
                            </telerik:ChartSeriesItem>
                            <telerik:ChartSeriesItem Name="Item 2" YValue="20">
                            </telerik:ChartSeriesItem>
                            <telerik:ChartSeriesItem Name="Item 3" YValue="8">
                            </telerik:ChartSeriesItem>
                        </Items>
                    </telerik:ChartSeries>
                </Series>
            </telerik:RadChart>
        </td>
    </tr>
    <tr>
        <td>
            <telerik:RadChart ID="RadChart4" runat="Server">
                <Series>
                    <telerik:ChartSeries Name="Series 1">
                        <Items>
                            <telerik:ChartSeriesItem Name="Item 1" YValue="1.2">
                            </telerik:ChartSeriesItem>
                            <telerik:ChartSeriesItem Name="Item 2" YValue="5.3">
                            </telerik:ChartSeriesItem>
                        </Items>
                    </telerik:ChartSeries>
                </Series>
            </telerik:RadChart>
        </td>
        <td>
            <telerik:RadChart ID="RadChart3" runat="Server">
                <Series>
                    <telerik:ChartSeries Name="Series 1">
                        <Items>
                            <telerik:ChartSeriesItem Name="Item 1" YValue="1.2">
                            </telerik:ChartSeriesItem>
                            <telerik:ChartSeriesItem Name="Item 2" YValue="5.3">
                            </telerik:ChartSeriesItem>
                            <telerik:ChartSeriesItem Name="Item 3" YValue="3">
                            </telerik:ChartSeriesItem>
                            <telerik:ChartSeriesItem Name="Item 4" YValue="8">
                            </telerik:ChartSeriesItem>
                        </Items>
                    </telerik:ChartSeries>
                </Series>
            </telerik:RadChart>
        </td>
    </tr>
</table>

Kind regards,
Manuel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.