Hide grid lines | Infragistics Forums

210

Hide grid lines

Jens posted over 16 years ago

Hello,

How can I hide the grid lines of a XamChart?

Thanks,

Jens

Parents

739

Goran S [Infragistics] posted over 16 years ago

Hello,

To disable Gridlines the Visible property of the Mark has to be set to False. Please, use the following sample:

<igCA:XamChart View3D="False" x:Name="chart" >
            <igCA:XamChart.Series>
                <igCA:Series ChartType="Column">
                <igCA:Series.DataPoints>
                    <igCA:DataPoint Value="3" Fill="#FFD70005" Label="Italy"/>
                    <igCA:DataPoint Value="5" Fill="#FF6CA224" Label="Spain"/>
                    <igCA:DataPoint Value="4" Fill="#FF076CB0" Label="France"/>
                    <igCA:DataPoint Value="7" Fill="#FFE6BE02" Label="China"/>
                    <igCA:DataPoint Value="5" Fill="#FF543792" Label="Portugal">
                    </igCA:DataPoint>
                </igCA:Series.DataPoints>
                    </igCA:Series>
            </igCA:XamChart.Series>
   <igCA:XamChart.Legend>
    <igCA:Legend/>
   </igCA:XamChart.Legend>
   <igCA:XamChart.Axes>
    <igCA:Axis AxisType="PrimaryY">
     <igCA:Axis.MajorGridline>
      <igCA:Mark Visible="False"/>
     </igCA:Axis.MajorGridline>
    </igCA:Axis>
   </igCA:XamChart.Axes>
   <igCA:XamChart.Scene>
    <igCA:Scene>
     <igCA:Scene.GridArea>
      <igCA:GridArea BorderBrush="#FF000000"/>
     </igCA:Scene.GridArea>
    </igCA:Scene>
   </igCA:XamChart.Scene>
  </igCA:XamChart>

Thanks,

GoranS
Cancel
Reply

Cancel
2290

Abu Sufyan posted over 11 years ago in reply to Goran S [Infragistics]

Hi All,

I want to remove xamchart 3d view shades from XAxis and YAxis. See attached image i highlighted the area that i want to remove. Kindly give me a feed back as soon as possible.
- Image.png
- View
- Hide
Cancel
Reply

Cancel

Reply

138253

Offline Stefan posted over 11 years ago in reply to Abu Sufyan
Hello Abu,

You can set the XamChart's Scne's Scene3DBrush Property to Transparent like this:

<ig:XamChart.Scene> <ig:Scene MarginType="Percent" Margin="0, 15, 5, 0" Scene3DBrush="Transparent" Scene3DThickness="0"> </ig:Scene> </ig:XamChart.Scene>

Also I believe that here:

http://ko.infragistics.com/community/forums/p/75930/385039.aspx#385039

Krasimir already do this for you.

Hope this helps you.
Cancel
Reply

Cancel

Children

2290

Abu Sufyan posted over 11 years ago in reply to Stefan

Hello Stefan,

I do this but only remove the background lines not remove the lines that i highlight in image. My xaml is

<ig:XamChart x:Name="chart" View3D="True"
                     MouseMove="chart_MouseMove"
                     MouseWheel="chart_MouseWheel"
                     Background="Black"
                     StartPaletteBrush="Red"
                     EndPaletteBrush="Green">
            <ig:XamChart.Transform3D>
                <RotateTransform3D>
                    <RotateTransform3D.Rotation>
                        <AxisAngleRotation3D Angle="10"
                                             Axis="0,0,0"/>
                    </RotateTransform3D.Rotation>
                </RotateTransform3D>
            </ig:XamChart.Transform3D>
            <ig:XamChart.Scene>
                <ig:Scene MarginType="Percent"
                          Margin="0, 15, 5, 0"
                          Scene3DBrush="Transparent" Scene3DThickness="0">
                </ig:Scene>
            </ig:XamChart.Scene>
            <ig:XamChart.Legend>
                <ig:Legend MarginType="Percent" Margin="80,0,0,0" Foreground="White"/>
            </ig:XamChart.Legend>
            <ig:XamChart.Axes>
                <ig:Axis AxisType="PrimaryX">
                    <ig:Axis.Label>
                        <ig:Label Foreground="White"/>
                    </ig:Axis.Label>
                    <ig:Axis.MajorGridline>
                        <ig:Mark Visible="False"/>
                    </ig:Axis.MajorGridline>
                </ig:Axis>
                <ig:Axis AxisType="PrimaryY">
                    <ig:Axis.Label>
                        <ig:Label Foreground="White" Format="{}{0:p2}"/>
                    </ig:Axis.Label>
                    <ig:Axis.MajorGridline>
                        <ig:Mark Visible="False"/>
                    </ig:Axis.MajorGridline>
                </ig:Axis>
            </ig:XamChart.Axes>
            <ig:XamChart.Series>
                <ig:Series ChartType="Column" DataSource="{Binding ChartContext.Source}" Label="{Binding Path=ChartContext.Name, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"
                           DataMapping="Value=Price;Label=Indicator" />
            </ig:XamChart.Series>
        </ig:XamChart>

These lines are prominent when we rotate it, and i want to display YAxis and legend values in a tool-tip on mouse over on the chart series. See my sample for better understanding.

3DColumnChart.rar
Cancel
Reply

Cancel