Javascript 海图赢了'；t系列值均为0时绘制直线

如果使用渐变时数组中的所有值均为0，则Highcharts不会连接折线图系列中的点

示例代码：

这似乎与现已结束的问题有关。有人知道有没有解决办法吗

var colors =  ['#4572A7', 
               '#AA4643', 
               '#89A54E', 
               '#80699B', 
               '#3D96AE', 
               '#DB843D', 
               '#92A8CD', 
               '#A47D7C', 
               '#B5CA92'];

 var applyGradient = function(color) {
     return { radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
            stops: [
                [0, color],
                [1, Highcharts.Color(color).brighten(-0.3).get('rgb')]
            ]
        };
 };

//works if you comment this out.
colors = $.map(colors,  applyGradient);

$('#container').highcharts({
    colors: colors,
    title: {
        text: 'Points with zero value are not connected by line'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May',
                     'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        offset: 0,
    },

    plotOptions: {
        series: {
            connectNulls: true
        }
    },
    yAxis: {
        min: 0,
    },
    series: [{ data: [2, 10, 40, 40, 40, 40, 40, 40, 40, 40, 30, 20] }, 
             { data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] },
             ]

});

如果在调用highcharts后将“colors=$.map（colors，applyGradient）；”行移动到中，它应该可以工作

//works if you comment this out.
colors = $.map(colors,  applyGradient);

---

更新的示例：

这是Highcharts的“bug”，一般来说，对于SVG，请参见。

我将其中一个值更改为.01而不是0，并显示了一行。不确定你是否认为一个可接受的“解决方案”将YxAX MIN更改为值＜0，并检查GITHUB（）的示例是否运行良好。基本上，解决方法是将颜色应用于标记，而不是系列本身。这不管用。必须在渲染图表之前设置颜色。通过移动线条，颜色不会应用于图表。