Search code examples
angularapexchartscolumn-chart

Apex chart fill colors facing issue in Angular

Can anyone please help me out here in bellow code for apex charts with angular:

fill: {
    colors: [function({ value, seriesIndex, w }) {
        if(value < 55) {
            return '#7E36AF'
        } else if (value >= 55 && value < 80) {
            return '#164666'
        } else {
            return '#D9534F'
        }
    }]
}

I my displaying the colors for column chart using apex charts in angular, but facing this error:

**"(local function)({ value, seriesIndex, w }: any): "#7E36AF" | "#164666" | "#D9534F"
Type '({ value, seriesIndex, w }: any) => "#7E36AF" | "#164666" | "#D9534F"' is not assignable to type 'string'.ts(2322)"**

If the same I try in JavaScript, it work's fine.

Solution

  • It seems like an issue with the types.

    I have updated it on GitHub and a new version of ng-apexcharts will be released soon.