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

Несколько цветов дорожек в radialBar в настоящее время не реализованы, но будут доступны в v2.4.0

Вы сможете сделать это так

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