如何在 Xamarin Forms 的 Microchart 中添加 2 行

Question

我現在正在使用 Xamarin Forms 並嘗試使用 Microchart。 我想在一個折線圖中顯示 2 條線，以便我可以比較它們。 但是現在我不能在一張圖表中同時放兩條線，有什么解決辦法嗎？

非常感謝！

Answer 1

你可以使用黑客。 獨立創建兩個圖形並相互疊加。

在 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 文件中：

List myNumEntries = new List(); 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 };