Как убрать частичную заливку из диаграммы Xrange Highcharts

Question

хотите использовать X-Range Chart с полностью удаленными цифрами и процентами, которые отображаются в столбцах.

Из документации я подумал, что помещение неопределенного значения в качестве параметра в частичном заполнении полностью устранит это.Но это только кажется, что Бар показывает нулевой процент.

          partialFill: 0.25

https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/x-range/

Вот ссылка выше на демонстрационную версию HighCharts их диаграммы Xrange.Вот код ниже:

Highcharts.chart('container', {
   chart: {
         type: 'xrange'
   },
   title: {
         text: 'Highcharts X-range'
   },
   xAxis: {
         type: 'datetime'
   },
   yAxis: {
          title: {
          text: ''
    },
   categories: ['Prototyping', 'Development', 'Testing'],
   reversed: true
},
series: [{
    name: 'Project 1',
    // pointPadding: 0,
    // groupPadding: 0,
    borderColor: 'gray',
    pointWidth: 20,
    data: [{
        x: Date.UTC(2014, 10, 21),
        x2: Date.UTC(2014, 11, 2),
        y: 0,
        partialFill: 0.25
    }, {
        x: Date.UTC(2014, 11, 2),
        x2: Date.UTC(2014, 11, 5),
        y: 1
    }, {
        x: Date.UTC(2014, 11, 8),
        x2: Date.UTC(2014, 11, 9),
        y: 2
    }, {
        x: Date.UTC(2014, 11, 9),
        x2: Date.UTC(2014, 11, 19),
        y: 1
    }, {
        x: Date.UTC(2014, 11, 10),
        x2: Date.UTC(2014, 11, 23),
        y: 2
    }],
    dataLabels: {
        enabled: true
    }
  }]
});

Answer 1

Кто-то по имени Даниэль, ответил на этот вопрос на форуме Highcharts, я дам его ответ ниже:

привет KodaroKid,

Если я правильно понял, вы имеете в виду, что вы не хотитепоказывать метки данных точек без частичного заполнения на графике, верно?Если да, чтобы достичь ожидаемого эффекта, вам нужно использовать функцию dataLabels.formatter и проверить, определен ли partalFill в определенной точке, затем отформатировать и отобразить ее значение.В противном случае верните пустую строку.Посмотрите на код ниже:

Пример в реальном времени: https://jsfiddle.net/fmca01cz/

     dataLabels: {
        enabled: true,
        formatter: function() {
          var percents = this.point.partialFill
          return percents ? percents * 100 + '%' : ''
      }

Справочник по API: https://api.highcharts.com/highcharts/series.xrange.dataLabels.formatter

С уважением!