Apexchart：径向条形图中的多个轨道颜色

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

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

您将可以这样做

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