javascript - 如何动态设置minPointLength除了0

Question

我喜欢动态设置 Highcharts 的 minPointLengh 值。但下面提到的代码不起作用。你能帮我完成它吗？

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        xAxis: {
            categories: ['Sep', 'Oct', 'Nov', 'Dec']
        },

        plotOptions: {
        var minPointLength; 
                if(this.y > 0)  
                  minPointLength = 3,  
             else  
                  minPointLength = 0,
            series: {
                        minPointLength: minPointLength,
            }
        },
        series: [{
            data: [4, 0, 1, 5]
        }]
    });
});

Answer 1

我的建议:将任何 0 值更改为 null 值。

minPointLength 不会影响任何具有 null y 值的点。

将代码更新为:

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        xAxis: {
            categories: ['Sep', 'Oct', 'Nov', 'Dec']
        },

        plotOptions: {
            series: {
              minPointLength: 3
          }
        },
        series: [{
            data: [4, null, 1, 5]
        }]
    });
});

示例:

• http://jsfiddle.net/3d3fuhbb/155/

您的代码无法工作的另一个原因:您尝试直接在 plotOptions 对象内设置 minPointLength 属性 - 它需要位于系列之一内选择器对象(即“系列:{}”、“列:{}”等)。