Как вернуть только значение в круговой диаграмме на apexcharts.js не будет конвертировать проценты - PullRequest
Новая
       83

Как вернуть только значение в круговой диаграмме на apexcharts.js не будет конвертировать проценты

0 голосов
/ 04 апреля 2019

Я разрабатываю веб-сайт для общества и использую apexCharts.js, я хочу показать простую круговую диаграмму, но когда я ее отображаю, значение в dataLabel составляет процент.Я не хочу преобразовывать их в значения, конечно, истинное значение отображается при наведении на круговую диаграмму.

Я уже прочитал документацию и искал варианты меток данных.Я думаю так: 

formatter: function(val) { return val }

, но это не работает ... Так что я не нашел пример ни на github, ни здесь, чтобы решить проблему.

Ниже моего сценария: 

var options = {
  chart: {
    width: 650,
    type: 'pie',
  },
  labels: ['Date formation',
    'Date formation 1',
    'Date formation 2',
    'Date formation 3',
    'Nombre de jours restant ',
    'Nombre de formations restantes'
  ],
  series: [202, 80, 62, 250, 52, 30],
  /* this portion NEED custom ???? */
  formatter: function (val) {
    return val
  },
  title: {
    text: "Jours de formation produits ou plannifiés"
  },
  responsive: [{
    breakpoint: 480,
    options: {
      chart: {
        width: 200
      },
      legend: {
        position: 'center'
      }
    }
  }]
}
var chart = new ApexCharts(
  document.querySelector("#chart"),
  options);
chart.render();

1 Ответ

0 голосов
/ 04 апреля 2019

Свойство formatter должно быть вложено в свойство dataLabels.Например: 

var options = {
  chart: {
    width: 650,
    type: 'pie',
  },
  labels: ['Date formation',
    'Date formation 1',
    'Date formation 2',
    'Date formation 3',
    'Nombre de jours restant ',
    'Nombre de formations restantes'
  ],
  series: [202, 80, 62, 250, 52, 30],
  dataLabels: {
    formatter: function (val, opts) {
        return opts.w.config.series[opts.seriesIndex]
    },
  },
}

var chart = new ApexCharts(
  document.querySelector("#chart"),
  options);
chart.render();

Вы сможете получить значения по умолчанию для ряда во втором параметре (опции) функции formatter.Вы можете использовать этот параметр и получить исходное значение вместо процента.

...