2

エリアシリーズチャートは次のようになります。ここに画像の説明を入力してください

2軸を非表示にし、色をグラデーションブラシに変更することに成功しました。緑のものがオレンジ色のものの「後ろ」になるように、不透明度を変更するのにまだ助けが必要です。また、グラフの小さな点を変更するにはどうすればよいですか？背景を透明に変更するにはどうすればよいですか？チャートのタイトルを非表示にする方法は？

現在、次のようになっています。

ここに画像の説明を入力してください

どんな助けでも大歓迎です！

これが私のxamlコードです：

    <LinearGradientBrush x:Key="GreenGradientBrush" StartPoint="0.5,0" EndPoint="0.5,1">
        <LinearGradientBrush.GradientStops>
            <GradientStop Color="#77b31a" Offset="0.75"></GradientStop>
            <GradientStop Color="#85d805" Offset="0.45"></GradientStop>
        </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>

    <LinearGradientBrush x:Key="OrangeGradientBrush" StartPoint="0.5,0" EndPoint="0.5,1">
        <LinearGradientBrush.GradientStops>
        <GradientStop Color="#fff92900" Offset="0.75"></GradientStop>
            <GradientStop Color="#ffff6115" Offset="0.45"></GradientStop>
        </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>

    <Style x:Key="GreenAreaSeriesStyle" TargetType="Control">
        <Setter Property="Background" Value="{StaticResource GreenGradientBrush}" />
        <Setter Property="Opacity" Value="1"></Setter>
    </Style>
    <Style x:Key="OrangeAreaSeriesStyle" TargetType="Control">
        <Setter Property="Background" Value="{StaticResource OrangeGradientBrush}" />
        <Setter Property="Opacity" Value="1"></Setter>
    </Style>

    <datavis:ResourceDictionaryCollection x:Key="MyPalette">
        <ResourceDictionary>
            <Style x:Key="DataPointStyle" BasedOn="{StaticResource GreenAreaSeriesStyle}" TargetType="Control" >
            </Style>
        </ResourceDictionary>
        <ResourceDictionary>
            <Style x:Key="DataPointStyle" BasedOn="{StaticResource OrangeAreaSeriesStyle}" TargetType="Control" >
            </Style>
        </ResourceDictionary>
    </datavis:ResourceDictionaryCollection>

    <Style x:Key ="PerformanceChartMajorTickMarkStyle" TargetType="Line">
        <Setter Property="Visibility" Value="Collapsed" />
    </Style>

</Window.Resources>
 <charting:Chart Palette="{StaticResource MyPalette}" HorizontalAlignment="Left" Margin="39,38,0,0" Name="chart1" Title="Chart Title" VerticalAlignment="Top" Width="815" Height="598" OverridesDefaultStyle="False">            
        <charting:Chart.LegendStyle>
                <Style TargetType="datavis:Legend">
                    <Setter Property="Width" Value="0" />
                </Style>
        </charting:Chart.LegendStyle>

        <charting:AreaSeries Name="Green" DependentValuePath="Value" IndependentValuePath="Key" ItemsSource="{Binding}"  IsSelectionEnabled="True" >
            <charting:AreaSeries.IndependentAxis>
                <charting:CategoryAxis Orientation="X" Visibility="Hidden"/>
            </charting:AreaSeries.IndependentAxis>
            <charting:AreaSeries.DependentRangeAxis>
                <charting:LinearAxis Orientation="Y" Visibility="Hidden"/>
            </charting:AreaSeries.DependentRangeAxis>

        </charting:AreaSeries>
        <charting:AreaSeries Name="Orange" DependentValuePath="Value" IndependentValuePath="Key" ItemsSource="{Binding}"  IsSelectionEnabled="True">
            <charting:AreaSeries.IndependentAxis>
                <charting:CategoryAxis Orientation="X" Visibility="Hidden"/>
            </charting:AreaSeries.IndependentAxis>
            <charting:AreaSeries.DependentRangeAxis>
                <charting:LinearAxis Orientation="Y" Visibility="Hidden"/>
            </charting:AreaSeries.DependentRangeAxis>
        </charting:AreaSeries>
    </charting:Chart>
4

1 に答える 1

2

同様の質問を投稿したところ、次の回答が得られました。これは本当に役に立ちました。

<ch:Chart Margin="56,21,50,72" Title="MyChart" DataContext="{Binding ElementName=Window, Mode=OneWay}"  Style="{StaticResource controlStyle}" >

                <ch:AreaSeries Name="DefaultArea" ItemsSource="{Binding Path=Key}" IndependentValueBinding="{Binding Key}" DependentValueBinding="{Binding Value}" Opacity="1" Title="111111" >
                    <ch:AreaSeries.Style>
                        <Style TargetType="ch:AreaSeries">
                            <Setter Property="IsTabStop" Value="False"/>
                            <Setter Property="Template">
                                <Setter.Value>
                                    <ControlTemplate TargetType="ch:AreaSeries">
                                        <Canvas x:Name="PlotArea">
                                            <Path Data="{TemplateBinding Geometry}" StrokeThickness="3" Fill="Pink" Style="{TemplateBinding PathStyle}" Opacity="1" />
                                        </Canvas>
                                    </ControlTemplate>
                                </Setter.Value>
                            </Setter>
                        </Style>
                    </ch:AreaSeries.Style>
                </ch:AreaSeries>

                <ch:AreaSeries Name="PersonnelArea" ItemsSource="{Binding Path=Key}" IndependentValueBinding="{Binding Key}" DependentValueBinding="{Binding Value}" Opacity="1" >
                    <ch:AreaSeries.Style>
                        <Style TargetType="ch:AreaSeries">
                            <Setter Property="IsTabStop" Value="False"/>
                            <Setter Property="Template">
                                <Setter.Value>
                                    <ControlTemplate TargetType="ch:AreaSeries">
                                        <Canvas x:Name="PlotArea">
                                            <Path Data="{TemplateBinding Geometry}" StrokeThickness="3" Fill="Yellow" Style="{TemplateBinding PathStyle}" Opacity="1" />
                                        </Canvas>
                                    </ControlTemplate>
                                </Setter.Value>
                            </Setter>
                        </Style>
                    </ch:AreaSeries.Style>

                </ch:AreaSeries>  
            </ch:Chart>

スタイルを XAML で Ressource として設定し、コード ビハインドで動的に割り当てることもできます。ここで私の元の質問に回答があります: WPF AreaSeries: How to change background opacity?

于 2013-07-24T14:38:47.237 に答える