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

另一个解决方案是设置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;
        }
    }

}

}

祝你好运..

如何删除柱形图中的列空间

3 个答案: