Highcharts: Возвращаемое значение N/A вместо 0% в метке данных

Question

Я бы хотел, чтобы метки данных оси Y возвращали 'N/A' для нулевых значений. В настоящее время ничего не отображается. Я попытался использовать функцию y-formatter, чтобы сказать, что значение y равное null, возвращает N/A, но почему-то не повезло? Я несколько новичок в Highcharts, поэтому, пожалуйста, простите основную суть вопроса.

formatter: function() { 
        if (this.y !== null) 
         return 'test'; 

        var chart = this.series.chart; 

        chart.renderer.text('n/a', this.point.plotX - 10, chart.plotHeight - 10).add(this.series.group) 
       }, 

Вот ссылка на JSFiddle: http://jsfiddle.net/v5vJR/

Answer 1

format Удалить из ваших вариантов dataLabels. Затем вам нужно правильно рассчитать, где поставить эту метку. plotY будет undefined, так как нет никакой ценности, правильно?

  formatter: function() { 
       var str; 
       if (this.y !== null) { 
        return this.y + '%'; 
       } else { 
        var chart = this.series.chart, 
         categoryWidth = chart.plotHeight/chart.xAxis[0].categories.length, 
         offset = (this.point.x + 1) * categoryWidth - this.point.pointWidth + 3; // 

        chart.renderer.text('n/a', chart.plotLeft, chart.plotTop + offset).add(); 
       } 

       return false; 
      }, 

Демо: http://jsfiddle.net/v5vJR/3/

Answer 2

Решение
Документация: http://api.highcharts.com/highcharts#Renderer

Fiddle: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/renderer-text/

   chart.renderer.text('<span style="color: #a2a5a1">N/A</span>', chart.plotLeft, chart.plotTop + offset) 
        .css({ 
        color: '#a2a5a1', 
        fontSize: '11px' 
        }) 
        .add();