javascript - Apexchart：Radialbar Chart Multiple 中的多个轨道颜色

Question

我们正在尝试制作一个设计，例如每个条形都有唯一的轨道颜色，而不是多个条形中的通用颜色，但我没有在文档中找到相关帮助。请有人帮我解决这个问题。

以下是我的工作代码，

var options = {
        chart: {
            height: 350,
            type: 'radialBar',
        },
        plotOptions: {
            radialBar: {
                dataLabels: {
                    track: {
                        background: '#000000',
                        startAngle: -135,
                        endAngle: 135,
                    },
                    name: {
                        fontSize: '22px',
                    },
                    value: {
                        fontSize: '16px',
                    },
                    total: {
                        show: true
                    }
                }
            }
        },
        series: [44, 55, 67, 83],
        labels: ['Apples', 'Oranges', 'Bananas', 'Berries'],

    }

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

    chart.render();

提前致谢，

Answer 1

RadialBar 中的多个轨道颜色目前未实现，但将在 v2.4.0 中提供

你将能够这样做

plotOptions: {
   radialBar: {
     track: {
       background: ['#f3f3f3', '#e4e4e4']
     }
  }
}