【问题标题】:Draw a column graph with no space between columns绘制列之间没有空格的柱形图
【发布时间】:2011-02-14 21:43:24
【问题描述】:

我正在使用 WPF 工具包,并试图呈现一个看起来像直方图的图形。特别是,我希望每一列都与另一列相对。列之间不应有间隙。

在创建柱形图时可以应用许多组件。 (请参阅下面的示例 XAML)。有人知道您是否可以在其中一个元素上设置一个属性,该属性指的是列之间的空白宽度?

                <charting:Chart Height="600" Width="Auto" HorizontalAlignment="Stretch" Name="MyChart"
                    Title="Column Graph" LegendTitle="Legend">

                    <charting:ColumnSeries 
                        Name="theColumnSeries"
                        Title="Series A"
                        IndependentValueBinding="{Binding Path=Name}"                
                        DependentValueBinding="{Binding Path=Population}"
                        Margin="0"
                        >
                    </charting:ColumnSeries>

                    <charting:Chart.Axes>
                        <charting:LinearAxis 
                            Orientation="Y" 
                            Minimum="200000" 
                            Maximum="2500000" 
                            ShowGridLines="True" />
                        <charting:CategoryAxis
                            Name="chartCategoryAxis"
                            />
                    </charting:Chart.Axes>
                </charting:Chart>

【问题讨论】:

    标签: wpf graph wpftoolkit charts silverlight-toolkit


    【解决方案1】:

    由于没有神奇的答案,我从 codeplex 下载了 wpftoolkit 代码。

    通过阅读代码,我可以看到在方法ColumnSeries.UpdateDataPoint中,有这行代码:

        double segmentWidth = coordinateRangeWidth * 0.8;
    

    所以这是一个非常明确的“不”,您不能通过设置公共属性来更改列之间的间隙。

    我要尝试的解决方案是编写一个继承自 ColumnSeries 的新类,并覆盖 UpdateDataPoint


    稍后编辑

    好的,我让它工作了。如果有人感兴趣,我附上了 HistogramSeries 类的完整代码。

    public class HistogramSeries : ColumnSeries, ISeries
    {
        protected override void UpdateDataPoint(DataPoint dataPoint)
        {
            // That set the height and width.
            base.UpdateDataPoint(dataPoint);
            // Now we override the part about setting the width
            object category = dataPoint.ActualIndependentValue;
            var coordinateRange = GetCategoryRange(category);
            double minimum = (double)coordinateRange.Minimum.Value;
            double maximum = (double)coordinateRange.Maximum.Value;
            double coordinateRangeWidth = (maximum - minimum);
            const int WIDTH_MULTIPLIER = 1; // Harcoded to 0.8 in the parent. Could make this a dependency property
            double segmentWidth = coordinateRangeWidth * WIDTH_MULTIPLIER;
            var columnSeries = SeriesHost.Series.OfType<ColumnSeries>().Where(series => series.ActualIndependentAxis == ActualIndependentAxis);
            int numberOfSeries = columnSeries.Count();
            double columnWidth = segmentWidth / numberOfSeries;
            int seriesIndex = columnSeries.IndexOf(this);
            double offset = seriesIndex * Math.Round(columnWidth) + coordinateRangeWidth * 0.1;
            double dataPointX = minimum + offset;
            double left = Math.Round(dataPointX);
            double width = Math.Round(columnWidth);
            Canvas.SetLeft(dataPoint, left);
            dataPoint.Width = width;
        }
        #region ISeries Members
        System.Collections.ObjectModel.ObservableCollection<object> ISeries.LegendItems
        {
            get { return base.LegendItems; }
        }
        #endregion
        #region IRequireSeriesHost Members
        ISeriesHost IRequireSeriesHost.SeriesHost
        {
            get { return base.SeriesHost;}
            set { base.SeriesHost = value; }
        }
        #endregion
    }
    // Copied from the DataVisualization library
    // (It was an internal class)
    static class MyEnumerableFunctions
    {
        public static int IndexOf(this IEnumerable that, object value)
        {
            int index = 0;
            foreach (object item in that)
            {
                if (object.ReferenceEquals(value, item) || value.Equals(item))
                {
                    return index;
                }
                index++;
            }
            return -1;
        }
    }
    

    【讨论】:

    • 请告诉我你的进展如何,我很想看看你能不能解决这个问题!
    【解决方案2】:

    感谢代码示例。这几乎正​​是我所需要的。我将它翻译成 VB.Net 并删除了次要部分。

    Imports System.Windows.Controls.DataVisualization.Charting
    
    
    Public Class HistogramSeries
        Inherits ColumnSeries
    
        Protected Overrides Sub UpdateDataPoint(dataPoint As DataPoint)
            MyBase.UpdateDataPoint(dataPoint)
    
        ' Now we override the part about setting the width
            Dim category As Object = dataPoint.ActualIndependentValue
            Dim coordinateRange = GetCategoryRange(category)
            Dim minimum As Double = CDbl(coordinateRange.Minimum.Value)
            Dim maximum As Double = CDbl(coordinateRange.Maximum.Value)
            Dim coordinateRangeWidth As Double = (maximum - minimum)
            Const WIDTH_MULTIPLIER As Integer = 1 ' Harcoded to 0.8 in the parent. Could make this a dependency property
            Dim segmentWidth As Double = coordinateRangeWidth * WIDTH_MULTIPLIER
            Dim columnS As System.Collections.Generic.IEnumerable(Of ColumnSeries) = SeriesHost.Series.OfType(Of ColumnSeries)().Where(Function(series) series.ActualIndependentAxis Is ActualIndependentAxis)
            Dim numberOfSeries As Integer = columnS.Count
            Dim columnWidth As Double = segmentWidth / numberOfSeries
            Dim seriesIndex As Integer = columnS.ToList.IndexOf(Me)
            Dim offset As Double = seriesIndex * Math.Round(columnWidth) + coordinateRangeWidth * 0.1
            Dim dataPointX As Double = minimum + offset
            Dim left As Double = Math.Round(dataPointX)
            Dim width As Double = Math.Round(columnWidth)
            Canvas.SetLeft(dataPoint, left)
            dataPoint.Width = width
        End Sub
    
    End Class
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-08-22
      • 2021-09-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多