Style the area of the axis to be the same color as the chart area

see below:


I want white border area to be the same color as the ChartArea

for my ChartArea I have:

    public chartArea: Object = {
        border: {
            width: 0
        },
        background: "#001938"
    };
but I want the white border to be #001938 when I inpsect the page I see the ,ejs-chart tag but inside it I see <svg> tag see below: Is there a way tostyle the rect tag with the same color, currently I see the fill as #FFF but I want it tobe #001938

the svg and rect are generated by the Syncfusion ? Yes /No This is what I want Thanks
Jawahar Rajan

1 Reply

DG Durga Gopalakrishnan Syncfusion Team June 3, 2022 01:52 PM UTC

Hi Jawahar,


Greetings from Syncfusion.


We suggest you to specify background color for chart to apply color for whole chart. We have prepared sample based on your requirement. Please check with below snippet and sample.


<ejs-chart background= "#001938"></ejs-chart>



UG : https://ej2.syncfusion.com/angular/documentation/chart/chart-appearance/#chart-area-customization


Sample : https://stackblitz.com/edit/angular-1jdewc


Kindly revert us if you have any concerns.


Regards,

Durga Gopalakrishnan.


Loader.
Up arrow icon