Question

我正在为一个社会开发一个网站，并且正在使用Url1 url2 url3 test1 Url1 url2 url3 test2 Url1 url2 url3 test3 Url1 url2 url3 test4 Url1 url2 url3 test5 Url7 url8 url9 test11 Url7 url8 url9 test12 Url7 url8 url9 test13 Url7 url8 url9 test14，我想显示一个简单的饼图，但是当我显示它时，dataLabel上的值是一个百分比。我不想将它们转换为值，当然，当我们将饼图悬停时，会显示真实值。

我已经阅读了documentation并在datalabels选项中进行了搜索。我的想法是：

apexCharts.js

但是它不起作用... 因此，我既没有在github上找到示例，也没有在这里解决问题。

我的脚本下面：

formatter: function(val) { return val }

Answer 1

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函数的第二个参数（优化）中获得系列的默认值。您可以使用该参数并获取原始值而不是百分比。

如何仅返回apexcharts.js的饼图中的值不会转换百分比

1 个答案: