在WPF C#设计问题中绘制图表

只需fwiw,在网格中创建条形图为Ed suggests非常简单.这是一个快速而又脏的版本：

将一个网格添加到Window的XAML中.只是为了测试,这里完全填满了Window.

<Grid>
    <Grid
        Name="myGrid"
        HorizontalAlignment="Stretch"
        VerticalAlignment="Stretch"
        Width="auto"
        Height="auto"
        Margin="10,10,10"
    />
</Grid>

现在在项目的某处插入这两个实用程序函数.它们为x轴提供简单的单色列和无样式但居中的标签文本.

我认为唯一令人讨厌的问题是_placeSingleColorColumn调用中的maxHeight.

Worth mentioning: I don’t have labels for the y-axis in this quick & dirty version.

private void _placeSingleColorColumn(Grid grid,Color color,int height,int colNum,int maxHeight)
{
    Brush brush = new SolidColorBrush(color);

    Rectangle rect = new Rectangle();
    rect.Fill = brush;
    Grid.SetColumn(rect,colNum);
    Grid.SetRow(rect,maxHeight - height);
    Grid.SetRowSpan(rect,height);

    grid.Children.Add(rect);
}

private void _createLabels(Grid grid,string[] labels)
{
    RowDefinition rowDefnLabels = new RowDefinition();
    grid.RowDefinitions.Add(rowDefnLabels);

    for (int i = 0; i < labels.Length; i++)
    {
        TextBlock block = new TextBlock();
        block.Text = labels[i];
        block.HorizontalAlignment = System.Windows.HorizontalAlignment.Center;
        Grid.SetColumn(block,i);
        Grid.SetRow(block,grid.RowDefinitions.Count);
        grid.Children.Add(block);
    }
}

真的是这样的.这里有一些疯狂的快速和脏的示例代码,用于创建带有一些示例数据的10 x 10网格.

public void createGrid10x10()
{
    Random random = new Random();

    for (int i=0; i<10; i++)
    {
        ColumnDefinition colDef = new ColumnDefinition();
        myGrid.ColumnDefinitions.Add(colDef);

        RowDefinition rowDef = new RowDefinition();
        myGrid.RowDefinitions.Add(rowDef);

        Color color = i % 2 == 0 ? Colors.Red : Colors.Blue;

        _placeSingleColorColumn(this.myGrid,color,random.Next(1,11),i,10);
    }
    string[] aLabels = "Dogs,Cats,Birds,Snakes,Rabbits,Hamsters,Horses,Rats,Bats,Unicorns".Split(',');
    _createLabels(this.myGrid,aLabels);
}

在MainWindow构造函数中添加一行,然后就完成了.

public MainWindow()
{
    InitializeComponent();
    this.createGrid10x10();
}

现在你已经有了一个条形图,当窗口调整大小时,它会调整大小并保持比例.

如果您了解上述内容,添加更多标签(顶部的条形值,y轴标签等)应该非常简单.只需抛出另一列和/或行,创建TextBlock,然后将它们放在正确的位置.