时间戳

首页 > 解决方案 > 如何在 Microchart 中为 Xamarin Forms 添加 2 行

c# - 如何在 Microchart 中为 Xamarin Forms 添加 2 行

问题描述

我现在正在使用 Xamarin Forms 并尝试使用 Microchart。我想在一个折线图中显示 2 行，以便我可以比较它们。但是现在我不能在一张图表中同时放两条线，有什么解决办法吗？

非常感谢！

标签： c#chartsxamarin.forms

解决方案

你可以使用黑客。独立创建两个图形并相互叠加。

在 XAML 视图中：

<microcharts:ChartView x:Name="chartView1"
    Grid.Row="3"
    Grid.Column="0"
    Grid.ColumnSpan="2"
    HorizontalOptions="FillAndExpand"
    VerticalOptions="FillAndExpand" />

<microcharts:ChartView x:Name="chartView2"
    Grid.Row="3"
    Grid.Column="0"
    Grid.ColumnSpan="2"
    HorizontalOptions="FillAndExpand"
    VerticalOptions="FillAndExpand" />

在 CS 文件中：

列出 myNumEntries = new List(); 列出 teamNumEntries = new List();

for (int i = 0; i < 20; i++)
{
    myNumEntries.Add(new ChartEntry(new Random().Next(1, 11)){ Color = SKColor.Parse("F09079") });
    teamNumEntries.Add(new ChartEntry(new Random().Next(1, 11)){ Color = SKColor.Parse("3569B1") });
}

chartView1.Chart = new LineChart { Entries = myNumEntries, BackgroundColor = SKColor.Empty };
chartView2.Chart = new LineChart { Entries = teamNumEntries, BackgroundColor = SKColor.Empty };

推荐阅读