如何在 Oxyplot 中为折线图显示绘图点?

Posted

技术标签:

【中文标题】如何在 Oxyplot 中为折线图显示绘图点?【英文标题】:How can I show the plot points in Oxyplot for a line Graph? 【发布时间】:2014-02-28 17:00:11 【问题描述】:

这是我图表的 xaml 代码:

<oxy:Plot HorizontalAlignment="Left" 
              Height="222" 
              Margin="0,49,0,0" 
              VerticalAlignment="Top" 
              Width="870" 
              Background="Transparent" 
              PlotAreaBorderColor="White" 
              LegendBorder="Transparent"
              Name="viewCountPlot"
              Title="Videos Watched"
              TextColor="White" IsLegendVisible="False" IsManipulationEnabled="False" IsMouseWheelEnabled="False">
        <oxy:Plot.Axes>
            <oxy:DateTimeAxis Name="datetimeAxis" Position="Bottom" MajorGridlineColor="#40FFFFFF" TicklineColor="White" StringFormat="M/d/yy" IntervalType="Days" ShowMinorTicks="False"/>
        </oxy:Plot.Axes>
        <oxy:Plot.Series>
            <oxy:LineSeries 
                Name="viewCountSeries" 
                Title="Videos Viewed"
                DataFieldX="Date" 
                DataFieldY="Value" 
                Color="#CCFA6800" 
                StrokeThickness="2" 
                TrackerFormatString="Date: 2:M/d/yy&#x0a;Value: 4"
                ItemsSource="Binding PlotItems" MarkerStroke="#FFFDFDFD" />
        </oxy:Plot.Series>
        <oxy:Plot.DefaultTrackerTemplate>
            <ControlTemplate>
                <Canvas>
                    <Grid Canvas.Left="Binding Position.X" Canvas.Top="Binding Position.Y">
                        <Ellipse Fill="White" Width="12" Height="12" HorizontalAlignment="Left" VerticalAlignment="Top">
                            <Ellipse.RenderTransform>
                                <TranslateTransform X="-6" Y="-6" />
                            </Ellipse.RenderTransform>
                        </Ellipse>
                        <TextBlock Foreground="DynamicResource OrangeTextColor" Text="Binding" Margin="-60 -40 0 0" />
                    </Grid>
                </Canvas>
            </ControlTemplate>
        </oxy:Plot.DefaultTrackerTemplate>
    </oxy:Plot>

在情节系列中,有什么方法可以将情节点显示为圆形或类似性质的东西?

这是我的意思的示例图像,每个绘图点都有一个与之关联的小圆圈:

【问题讨论】:

【参考方案1】:

来自链接的讨论:

这应该被LineSeries 中的Marker* 属性所覆盖 在示例浏览器中查看示例。

看来您必须设置MarkerFillMarkerType。要仅显示标记(不显示行),请将 Color 设置为 Transparent

<oxy:LineSeries ItemsSource="Binding MyDataPoints" 
                Color="Transparent" 
                MarkerFill="SteelBlue" 
                MarkerType="Circle" />

【讨论】:

【参考方案2】:

在 Oxyplot 论坛上为发现此问题的人提供答案。

https://oxyplot.codeplex.com/discussions/528893

【讨论】:

此链接已失效

以上是关于如何在 Oxyplot 中为折线图显示绘图点?的主要内容,如果未能解决你的问题,请参考以下文章

matlplotlib 为折线图填充渐变颜色

如何使用 Oxyplot 创建方形绘图区域

如何使用 Plotly 创建垂直滚动条?

Plotly:如何在绘图线图中的特定点添加标记(python / pandas)

以最简单的方式在 Matplotlib 中的 PyPlot 中添加图例

Xamarin图表开发基础教程(13)OxyPlot框架支持的其它图表