Как динамически установить minPointLength, кроме 0

Question

Мне нравится динамически устанавливать значение 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

Вы не можете использовать код внутри объекта.
Попробуйте сделать это:

var minPointLength; 

    if(this.y > 0) 
        minPointLength = 3, 
      else 
        minPointLength = 0, 
     }; 

    series: { 
       minPointLength : minPointLength 
     } 

Answer 2

Это не представляется возможным. Атрибут minPointLength применяется ко всей серии и не может быть изменен для отдельных точек.

Если вы хотите правильно показать, когда значения положительны, а когда они равны 0, может оказаться полезным показать метки данных, чтобы эти столбцы были четко обозначены (см. Этот пример: https://jsfiddle.net/brightmatrix/1spxcsmd/).

Кроме того, все, что вы хотите сделать динамически в коде Highcharts, должно быть в функциях, вызываемых либо событиями, либо функцией formatter. Вы не можете вставлять переменные или код непосредственно в параметры диаграммы. Одна из причин, по которой ваш исходный код не работал, был вызван вашим кодом в plotOptions.

Answer 3

Мое предложение: изменить любые значения 0 значениями null.

minPointLength не повлияет ни на какие пункты с нулевыми значениями 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/

Дополнительная причина того, что ваш код не будет работать: вы пытаетесь установить minPointLength свойство непосредственно в объект plotOptions - он должен находиться внутри одного из селекторных объектов серии (то есть «» 0 ',' column: {} 'и т. Д.).