Charting WPF : Initialiser un graphique avec des lignes

Version imprimable

2 pièce(s) jointe(s)

Bonjour,
Pour compléter une application, j'ai besoin de recréer le graphique mis en pièces jointes. (VB_diagramme schaeffler)
Pour celà, j'ai utilisé le contrôle Chart du WPF Toolkit et j'obtiens le résultat de la deuxième pièce jointe mais celà ne me conviens pas vraiment.

Vu le peu d'informations sur ce contrôle sur le net, je me tourne vers vous pour en avoir :lol:

Voici mes questions :
-Comment faire pour que les Titres de mes séries ne soit pas affichées dans la légende?
-Comment faire pour que toutes les lignes soient grises? (j'ai essayé de modifier le style des LineSeries mais on dirait que la propriété par défaut Chart.Palette prend le dessus)

J'ai également essayé de modifier le Template du contrôle Chart pour essayer de lui rajouter mes lignes mais je n'arrive pas à comprendre la composition du contrôle notament l'EdgePanel.

Voici le code Xaml du chart :
Code:

1 2 3 4 5 6 7 <c:Chart Name="SchaefflerChart" Grid.Row="1" Title="Diagramme de Schaeffler" Background="{DynamicResource ResourceKey=GrayLinearGradientBrush}"> <c:Chart.Axes> <c:LinearAxis Title="% Eq Cr = %Cr + %Mo + 1,5 x %Si + 0,5 x %Nb + 2 x %Ti" Orientation="X" Minimum="0" Maximum="30" Interval="2"/> <c:LinearAxis Title="% Eq Ni = %Ni + 30 x %C + 0,5 x %Mn" Orientation="Y" Minimum="0" Maximum="25.5" Interval="5"/> </c:Chart.Axes> </c:Chart>
Rien de particulier, je créé juste mes axes.
Les LineSeries sont ajoutées par le code suivant:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 Public Sub InitializeSchaefflerChart(ByVal _SchaefflerChart As Chart) SetLinearSerie(_SchaefflerChart, 7.4, 0, 34.6, 30) SetLinearSerie(_SchaefflerChart, 14.8, 7.4, 37.3, 30) SetLinearSerie(_SchaefflerChart, 15.5, 6.85, 40, 28.5) SetLinearSerie(_SchaefflerChart, 16.45, 6, 40, 23.5) SetLinearSerie(_SchaefflerChart, 17.7, 5.2, 40, 19.7) SetLinearSerie(_SchaefflerChart, 18.7, 4.35, 40, 14.65) SetLinearSerie(_SchaefflerChart, 12.7, 0, 40, 8.8) SetLinearSerie(_SchaefflerChart, 0, 7.3, 2.5, 0) SetLinearSerie(_SchaefflerChart, 0, 19.2, 20.65, 2.7) SetLinearSerie(_SchaefflerChart, 0, 25.5, 26.35, 4.6) End Sub Public Sub SetLinearSerie(ByVal _Chart As Chart, ByVal X1 As Double, ByVal Y1 As Double, ByVal X2 As Double, ByVal Y2 As Double) Dim _NewSerie As New LineSeries With _NewSerie .IndependentValuePath = "X" .DependentValuePath = "Y" End With Dim lst As New List(Of Point) With lst .Add(New Point(X1, Y1)) .Add(New Point(X2, Y2)) End With _NewSerie.ItemsSource = lst _Chart.Series.Add(_NewSerie) End Sub
J'ai aussi essayé de créer mon propre contrôle en héritant de Chart mais je me suis cassé les dents ... :mouarf:

Bonjour,
Ce matin, j'ai pris un peu de temps pour me pencher sur mon problème et j'ai trouvé une solution à force de fouiner.

Le code XAML reste inchangé. (enfin pour le moment)
Le code behind à quand à lui reçu des modifications :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Public Sub SetLinearSerie(ByVal _Chart As Chart, ByVal X1 As Double, ByVal Y1 As Double, ByVal X2 As Double, ByVal Y2 As Double) Dim _NewSerie As New LineSeries Dim _LineStyle As New Style(GetType(Polyline)) With _LineStyle.Setters .Add(New Setter(Polyline.StrokeThicknessProperty, CType(1, Double))) End With Dim _DatapoinStyle As New Style(GetType(DataPoint)) With _DatapoinStyle.Setters .Add(New Setter(DataPoint.WidthProperty, CType(0, Double))) .Add(New Setter(DataPoint.BackgroundProperty, New SolidColorBrush(Colors.Gray))) End With Dim _LegendItemStyle As New Style(GetType(LegendItem)) With _LegendItemStyle.Setters .Add(New Setter(LegendItem.HeightProperty, CType(0, Double))) End With With _NewSerie .IndependentValuePath = "X" .DependentValuePath = "Y" .LegendItemStyle = _LegendItemStyle .PolylineStyle = _LineStyle .DataPointStyle = _DatapoinStyle End With Dim lst As New List(Of Point) With lst .Add(New Point(X1, Y1)) .Add(New Point(X2, Y2)) End With _NewSerie.ItemsSource = lst _Chart.Series.Add(_NewSerie) End Sub
Cela fonctionne parfaitement mais ce n'est pas du tout optimisé, recréer un style à chaque fois, c'est pas terrible.
Je vais mettre les styles dans le code XAML puis les appeler quand j'en aurai besoin.
Le gros piège, c'est qu'en fait la couleur de la ligne est désignée par la propriété background des DataPoints. Fallait le savoir...
Pour ce qui est du masquage du titre de série, la propriété LegendItemsStyle est là pour ça :P

Bonne journée.

Bonjour,
Au final, ça donne ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
<c:Chart Name="SchaefflerChart" Grid.Row="1" Grid.ColumnSpan="2" Title="Diagramme de Schaeffler" Background="{DynamicResource ResourceKey=GrayLinearGradientBrush}">
    <c:Chart.Resources>
	<Style x:Key="LineSerieStyle" TargetType="c:LineSeries">
	    <Setter Property="DataPointStyle">
		<Setter.Value>
		    <Style TargetType="{x:Type c:LineDataPoint}">
			<Setter Property="Width" Value="0"/>
			<Setter Property="Background" Value="Gray"/>
		    </Style>
		</Setter.Value>
	    </Setter>
	    <Setter Property="PolylineStyle">
		<Setter.Value>
		    <Style TargetType="{x:Type Polyline}">
			<Setter Property="StrokeThickness" Value="1" />
		    </Style>
		</Setter.Value>
	    </Setter>
	    <Setter Property="LegendItemStyle">
	        <Setter.Value>
		    <Style TargetType="{x:Type c:LegendItem}">
			<Setter Property="Height" Value="0"/>
		    </Style>
		</Setter.Value>
	    </Setter>
	</Style>
	<PointCollection x:Key="Serie1">7.4,0 34.6,30</PointCollection>
	<PointCollection x:Key="Serie2">14.8,7.4 37.3,30</PointCollection>
	<PointCollection x:Key="Serie3">15.5,6.85 40,28.5</PointCollection>
	<PointCollection x:Key="Serie4">16.45,6 40,23.5</PointCollection>
	<PointCollection x:Key="Serie5">17.7,5.2 40,19.7</PointCollection>
	<PointCollection x:Key="Serie6">18.7,4.35 40,14.65</PointCollection>
	<PointCollection x:Key="Serie7">12.7,0 40,8.8</PointCollection>
	<PointCollection x:Key="Serie8">0,7.3 2.5,0</PointCollection>
	<PointCollection x:Key="Serie9">0,19.2 20.65,2.7</PointCollection>
	<PointCollection x:Key="Serie10">0,25.5 26.35,4.6</PointCollection>
    </c:Chart.Resources>
    <c:Chart.Axes>
	<c:LinearAxis Title="% Eq Cr = %Cr + %Mo + 1,5 x %Si + 0,5 x %Nb + 2 x %Ti" Orientation="X" Minimum="0" Maximum="30" Interval="2"/>
	<c:LinearAxis Title="% Eq Ni = %Ni + 30 x %C + 0,5 x %Mn" Orientation="Y" Minimum="0" Maximum="25.5" Interval="5"/>
    </c:Chart.Axes>
    <c:Chart.Series>
        <c:LineSeries ItemsSource="{StaticResource ResourceKey=Serie1}" IndependentValuePath="X" DependentValuePath="Y" Style="{StaticResource ResourceKey=LineSerieStyle}"/>
        <c:LineSeries ItemsSource="{StaticResource ResourceKey=Serie2}" IndependentValuePath="X" DependentValuePath="Y" Style="{StaticResource ResourceKey=LineSerieStyle}"/>
	<c:LineSeries ItemsSource="{StaticResource ResourceKey=Serie3}" IndependentValuePath="X" DependentValuePath="Y" Style="{StaticResource ResourceKey=LineSerieStyle}"/>
	<c:LineSeries ItemsSource="{StaticResource ResourceKey=Serie4}" IndependentValuePath="X" DependentValuePath="Y" Style="{StaticResource ResourceKey=LineSerieStyle}"/>
	<c:LineSeries ItemsSource="{StaticResource ResourceKey=Serie5}" IndependentValuePath="X" DependentValuePath="Y" Style="{StaticResource ResourceKey=LineSerieStyle}"/>
	<c:LineSeries ItemsSource="{StaticResource ResourceKey=Serie6}" IndependentValuePath="X" DependentValuePath="Y" Style="{StaticResource ResourceKey=LineSerieStyle}"/>
	<c:LineSeries ItemsSource="{StaticResource ResourceKey=Serie7}" IndependentValuePath="X" DependentValuePath="Y" Style="{StaticResource ResourceKey=LineSerieStyle}"/>
	<c:LineSeries ItemsSource="{StaticResource ResourceKey=Serie8}" IndependentValuePath="X" DependentValuePath="Y" Style="{StaticResource ResourceKey=LineSerieStyle}"/>
	<c:LineSeries ItemsSource="{StaticResource ResourceKey=Serie9}" IndependentValuePath="X" DependentValuePath="Y" Style="{StaticResource ResourceKey=LineSerieStyle}"/>
	<c:LineSeries ItemsSource="{StaticResource ResourceKey=Serie10}" IndependentValuePath="X" DependentValuePath="Y" Style="{StaticResource ResourceKey=LineSerieStyle}"/>
    </c:Chart.Series>
</c:Chart>