项目控制条形图 条形的缩放

编辑：添加的代码

不是真正的日期时间（hh：mm：ss格式的sTrings），我决定只使用字符串，并使用TimeSpan来检索总分钟数。

<ObjectDataProvider x:Key="odpLbGrafiek" ObjectType="{x:Type myClasses:GrafiekBar}" MethodName="GetDataGrafiek"/>
    <DataTemplate x:Key="GrafiekItemTemplate">
        <Border Width="Auto" Height="Auto">
            <Grid>
                <Rectangle StrokeThickness="0" Height="30"  
                           Margin="15" 
                           HorizontalAlignment="Right" 
                           VerticalAlignment="Bottom"
                           Width="{Binding Value}"
                           Fill="{Binding Fill}">
                    <Rectangle.LayoutTransform>
                        <ScaleTransform ScaleX="20" />
                    </Rectangle.LayoutTransform>
                </Rectangle>
            </Grid>
        </Border>
    </DataTemplate>

填充实际上给出了条形图条形上的大小。

项目控制：

<ItemsControl x:Name="icGrafiek"  
            Margin="20,3,0,0" 
            ItemsSource="{Binding Source={StaticResource odpLbGrafiek}}"
            ItemTemplate="{DynamicResource GrafiekItemTemplate}" 
            RenderTransformOrigin="1,0.5" HorizontalAlignment="Left" VerticalAlignment="Top" Grid.RowSpan="6">
            <ItemsControl.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleY="-1" ScaleX="1"/>
                    <SkewTransform AngleY="0" AngleX="0"/>
                    <RotateTransform Angle="180"/>
                    <TranslateTransform/>
                </TransformGroup>
            </ItemsControl.RenderTransform>
        </ItemsControl>

在数据绑定中调用以下方法。那里是酒吧。值提供数据模板中 Width 值的值，该值提供条形的大小。

    public ObservableCollection<GrafiekBar> GetDataGrafiek()
    {
        var converter = new System.Windows.Media.BrushConverter();
        Double maxValueStilstanden = GetLargestValueStilstanden();
        TimeSpan tsMaxValue = TimeSpan.Parse(maxValueStilstanden.ToString());
        totalMinutesMaxValue = tsMaxValue.TotalMinutes; 
        //calculate % of stilstanden Values
        foreach(String t in stilStandenList)
        {
            TimeSpan ts = TimeSpan.Parse(t);
            Double totalMin = ts.TotalMinutes;
            totalMin = totalMin / totalMinutesMaxValue * 100;
            valuesChartPercentage.Add(totalMin);
        }
        for (int j = 0; j < valuesChartPercentage.Count; j++)
        {
            GrafiekBar bar = new GrafiekBar();
            bar.Value = valuesChartPercentage[j];
            bar.Fill = converter.ConvertFromString(kleuren[j]) as Brush;
            listGrafiek.Add(bar);
        }
        return listGrafiek;
    }

另一个问题实际上是宽度（条形图的大小）。我实际上必须做* 10000才能获得酒吧本身的任何视觉效果。

我正在使用样式化的 ItemsControls，因此它看起来像条形图。

例如，一个具有 5 个值（从 1 到 5）的数组会创建 5 个条形，这些条形具有不同的条形尺寸，并且每个条形都有不同的颜色。与以下示例非常相似 http://www.c-sharpcorner.com/uploadfile/mahesh/bar-chart-in-wpf/

问题：

我的问题是条形的比例大小（在这种情况下是 width 属性，因此需要 int/double 值）。

• 我的程序以 HH：mm：ss 格式记录了多个日期时间
• 条形应按这些日期时间缩放

条形图或一个 00：01：11 的柱线，最大数量为 6。

将这些日期时间值缩放到某个双精度值的最佳方法是什么？此值将用于给出图表上条形的大小。

猜我正在寻找某种计算，可以计算我的所有值，所以我不会突然得到一个非常大的值并且超出我的 UI。

最干净的解决方案是将所有柱线相互比较，当一个改变时，另一个柱线会增长/收缩，但到目前为止还不需要这样做，除非它不像听起来那么复杂。

酒吧字符本身不需要过于精确，它仅用于了解情况的总体情况。确切的值将写入数据库中。

欢迎任何建议！

谢谢彼得·