asp.net - 如何删除柱形图中的列空间

Question

我HighChart.dll在 ASP.NET 中使用高图表

渲染图表：列

现在我想删除列之间的额外空间。

chart.PlotOptions = New Core.PlotOptions.PlotOptionsColumn() With { _
                .showInLegend = True,
                .borderWidth = 0,
                .groupPadding = 0,
                .shadow = False,
                .minPointLength = -200,
                .borderColor = "#dedede", _
                .borderRadius = 2 _
            }

我没有在上面的代码块中获得合适的属性来删除空格

Answer 1

我在那里看到 groupPadding，但没有看到 pointPadding 集：

http://api.highcharts.com/highcharts#plotOptions.column.pointPadding \

两者都会影响列之间的空间。

Answer 2

可能您需要添加pointpadding绘图选项。

 plotOptions: {
        column: {
            pointPadding: 0,
            groupPadding: 0,
            borderWidth: 0, 
            shadow: true
        }
    }

或者

chart.PlotOptions = New Core.PlotOptions.PlotOptionsColumn() With { _
            .showInLegend = True,
            .borderWidth = 0,
            .pointPadding = 0,
            .groupPadding = 0,
            .shadow = False,
            .minPointLength = -200,
            .borderColor = "#dedede", _
            .borderRadius = 2 _
        }

groupPadding用于提供列组之间的间距，而pointPadding用于诱导或指定点之间的空间，更合适的是列。

是this你所期待的吗？

Answer 3

根据该包装器的源代码，无法设置pointPadding：

http://highcharts.codeplex.com/SourceControl/latest#Highchart/Highchart/Core/Options/PlotOptionsColumn.cs

另一种解决方案是 set pointWidth，但这也不支持。

namespace Highchart.Core.PlotOptions
{

[Serializable]
public class PlotOptionsColumn : PlotOptionsSeries
{
    public string borderColor { get; set; }
    public int? borderRadius { get; set; }
    public int? borderWidth { get; set; }
    public bool? colorByPoint { get; set; }
    public int? groupPadding { get; set; }
    public int? minPointLength { get; set; }

    public override string ToString()
    {
        string ignored = JsonConvert.SerializeObject(this, Formatting.None, new JsonSerializerSettings { NullValueHandling = NullValueHandling.Ignore, DefaultValueHandling = DefaultValueHandling.Ignore });

        if (!string.IsNullOrEmpty(ignored))
        {
            return string.Format("plotOptions: {{ series: {0} }},", ignored);
        }
        else
        {
            return string.Empty;
        }
    }

}

}

祝你好运..