Vertical seperator in Gantt chart?

[Joel]

I have created a dynamic Gantt chart that my customer likes (attached distribution.jpg), but they want a vertical line running down the midpoint to make it stand out better (x 3.5 in this case which the user enters via a textbox, along with min and max for x axis).  Any suggestions on how to accomplish this?  (attachment distribution_desired.png is what I am looking to do)

[Giuseppe]

Hi Joel,

Generally RadChart does not provide support for rendering custom gridlines like this but you can achieve similar visual effect by using really thin MarkedZone instance like this:

<telerik:RadChart ID="RadChart1" runat="Server" SeriesOrientation="Horizontal">
    <Series>
        <telerik:ChartSeries Type="Gantt">
            <Items>
                <telerik:ChartSeriesItem YValue="20" YValue2="30" XValue="1" />
                <telerik:ChartSeriesItem YValue="10" YValue2="20" XValue="2" />
            </Items>
        </telerik:ChartSeries>
    </Series>
    <PlotArea>
        <MarkedZones>
            <telerik:ChartMarkedZone ValueStartY="20" ValueEndY="20"
            Appearance-Border-Width="2" Appearance-Border-Color="Red" />
        </MarkedZones>
    </PlotArea>
</telerik:RadChart>

Hope this helps.


All the best,
Freddie
the Telerik team

[Joel]

That is a great solution, thank you!  Is there a way to control the z-index of the marked zone to overlay the series?

[Giuseppe]

Hello Joel,

Unfortunately customizing the z-index is not supported for the marked zone and it would not be possible to achieve the desired effect.


All the best,
Freddie
the Telerik team