This is a migrated thread and some comments may be shown as answers.

Change / remove bar chart bar border, plot area border

1 Answer 677 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Jay
Top achievements
Rank 2
Iron
Iron
Veteran
Jay asked on 09 Mar 2021, 08:34 PM

Is there a way to remove or change the color of the border that is rendered on the right side of the plot area?

Similarly, is there a way to remove or change the color of the border that is rendered on the right side of a bar chart bar?

I can see the SVG elements that draw them but I can't find a way to change the color.

I've attached a picture with red arrows pointing at the elements I'm asking about.

1 Answer, 1 is accepted

Sort by
0
Nikolay
Telerik team
answered on 12 Mar 2021, 01:01 PM

Hello Jay,

Regarding the plot area, you can set a border width of 0:

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/plotarea#plotareaborder

  plotArea: {
    border: {
      width: 0,
    }
  },

The same goes for the series border:

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.border#seriesborderwidth

  series: [
    {
      border: {
        width: 0,
      }
    }
  ]

Both of the above can be examined live in the following Dojo demo:

https://dojo.telerik.com/OXAWAteF

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Charts
Asked by
Jay
Top achievements
Rank 2
Iron
Iron
Veteran
Answers by
Nikolay
Telerik team
Share this question
or