So reduzieren Sie Spalte Serie Lücke in DotNet.Highcharts

Question

Ich erstelle mein Diagramm mit DotNet.Highchart Bibliothek, habe ich ein Problem bei der Verringerung der Lücke zwischen Datenreihen in Säulendiagramm. Dies ist meine aktuelle Chart:

und dies ist mein aktueller Säulendiagramm Code:

DotNet.Highcharts.Highcharts AttritionByReasonBarChart = new DotNet.Highcharts.Highcharts("AttritionByReasonBarChart") 
       .InitChart(new Chart { DefaultSeriesType = ChartTypes.Column, Height = 400, Width = 860, Style = "margin: '0 auto'" }) 
       .SetTitle(new Title { Text = "Attrition by Reason", Style = "font: 'normal 16px Verdana, sans-serif'" }) 
       .SetCredits(new Credits { Enabled = false }) 
       .SetXAxis(new XAxis 
       { 
        Categories = vEmployment, 
        Labels = new XAxisLabels { Rotation = 0 } 
       }) 
       .SetYAxis(new YAxis 
       { 
        Title = new YAxisTitle 
        { 
         Text = "Employment Type", 
         Align = AxisTitleAligns.Middle 
        } 
       }) 
       .SetPlotOptions(new PlotOptions 
       { 
        Bar = new PlotOptionsBar 
        { 
         DataLabels = new PlotOptionsBarDataLabels { Enabled = true } 
        } 
       }) 
       .SetLegend(new Legend 
       { 
        Layout = Layouts.Vertical, 
        Align = HorizontalAligns.Right, 
        VerticalAlign = VerticalAligns.Middle, 
        Floating = true, 
        BorderWidth = 1, 
        BackgroundColor = new BackColorOrGradient(ColorTranslator.FromHtml("#FFFFFF")), 
        Shadow = true 
       }) 
       .SetSeries(
        new Series 
        { 
         Name = "Head Count", 
         Data = new Data(vTotal) 
        }); 

Gibt es einen besten Weg, um die Lücke zwischen Datenreihe zu setzen? Dank

Answer 1

ersetzen PlotOptionsBar mit PlotOptionsColumn und PointPadding, um Ihren Code hinzufügen, wie unten:

Highcharts AttritionByReasonBarChart = new Highcharts("AttritionByReasonBarChart") 
      .InitChart(new Chart { DefaultSeriesType = ChartTypes.Column, Height = 400, Width = 860, Style = "margin: '0 auto'" }) 
      .SetTitle(new Title { Text = "Attrition by Reason", Style = "font: 'normal 16px Verdana, sans-serif'" }) 
      .SetCredits(new Credits { Enabled = false }) 
      .SetXAxis(new XAxis 
      { 
       Categories = new[] { "ABHFGFGETTRRD AGAGGSGSGS", "IEKHLTOTUYYT IIWWIIWEUEUEU", "KMVMVBBV DGDFEFJ", "KRJG JGJGJGT", "HAHAHSHSGD OTERETETE ET", "HAHAHA PRGDGDGDGDG DGT", "NRIRITITITITI WP", "DFC AHAHSSGGDF" }, 
       Labels = new XAxisLabels { Rotation = 0 } 
      }) 
      .SetYAxis(new YAxis 
      { 
       Title = new YAxisTitle 
       { 
        Text = "Employment Type", 
        Align = AxisTitleAligns.Middle 
       } 
      }) 
      .SetPlotOptions(new PlotOptions 
      { 
       Column = new PlotOptionsColumn 
       { 
        PointPadding = -0.2, 
        DataLabels = new PlotOptionsColumnDataLabels { Enabled = false } 
       } 
      }) 
      .SetLegend(new Legend 
      { 
       Layout = Layouts.Vertical, 
       Align = HorizontalAligns.Right, 
       VerticalAlign = VerticalAligns.Middle, 
       Floating = true, 
       BorderWidth = 1, 
       BackgroundColor = new BackColorOrGradient(ColorTranslator.FromHtml("#FFFFFF")), 
       Shadow = true 
      }) 
      .SetSeries(
       new Series 
       { 
        Name = "Head Count", 
        Data = new Data(new object[] { 30,10,5,20,5,10,25,15 }) 
       });