Remove chart border

[Gabriel Alva]

Hi, it is possible to remove the border for an Angular Chart using some configuration? The one in the graphic below

Kind regards,
Gabriel

[Srihari Muthukaruppan]

Hi Gabriel,

We have analyzed your query. From that, we would like to let you know that we can achieve your requirement by using chartArea property in the chart. If you need to remove the xAxis line too you can use the lineStyle property in the axis of the chart. Based on your requirement we have prepared a sample for your reference. Please find the below sample, code snippet, and screenshot.

Sample: https://stackblitz.com/edit/angular-vadnf5?file=app.component.ts

 

Code Snippet: 

 

app.component.html: 

 

<ejs-chart style='display:block;' [chartArea]='chartArea' [width]='width' align='center' id='chartcontainer' [primaryXAxis]='primaryXAxis'  [primaryYAxis]='primaryYAxis'> 

            <e-series-collection>

               // add additional code here

            </e-series-collection>

        </ejs-chart>

app.component.ts:

// add additional code here

public chartArea: Object = {

        border: {

            width: 0

        }

    };

 public primaryXAxis: Object = {

        valueType: 'Category', interval: 1, majorGridLines: { width: 0 },

        majorTickLines: { width: 0 },

        lineStyle: {width: 0}

    };

Screenshot: 

 

  

Let us know if you need further assistance. 

  

Regards, 

Srihari M 

[Gabriel Alva]

Awesome! This is exactly what I needed. Thank you very much, and sorry for the late response.

Kind regards,
Gabriel

[Srihari Muthukaruppan]

Hi Gabriel,  

  

Most welcome. Kindly get in touch with us, if you would require further assistance. We are always happy in assisting you.   

   

Thanks,   

Srihari M