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

How do I get rid of the white right and bottom border?

4 Answers 14 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Mark
Top achievements
Rank 1
Mark asked on 19 Nov 2013, 06:09 PM
Hi there

I've tried a few times now to get rid of the border on this sparkline and cannot work out how!

Here's my code:
$("#chart").kendoSparkline({
    series:[{ type:'line', data:[100,200,300,280,300,320,400,500], width:3, color:'#59595B' }],
    chartArea:{ border:{ width:0 }, height:39, width:71, margin:0 },
    plotArea:{ border:{ width:0 }, background:"#DDDDDD", margin:0 }
});
Can someone help please? :-)

4 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 20 Nov 2013, 10:05 AM
Hi Mark,

I used the provided sparkLine configuration, however there is no a border rendered. For your convenience here is my test jsBin example - could you please edit it and try to reproduce the issue? This way I would be able to check what exactly is going wrong and provide concrete recommendations. Thank you in advance for your cooperation.

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Mark
Top achievements
Rank 1
answered on 20 Nov 2013, 01:33 PM
Hi there!

Thanks for the reply and example code.

On your example, if you change the background of your plotArea to something dark - #222 .... and change the body background to black .... you can see the right and bottom white borders - so it's also a problem on your example.
0
Accepted
Iliana Nikolova
Telerik team
answered on 20 Nov 2013, 01:51 PM
Hi Mark,

Thank you for the details. The white borders is actually the chartArea background. Hence in order to avoid this outcome you could set to the chartArea the same background colour as in the plotArea (updated jsBin).

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Mark
Top achievements
Rank 1
answered on 20 Nov 2013, 01:54 PM
Ha, ridiculously simple!  I tried pretty much everything else apart from that.

Thank you!  Works perfect.  Grrrr!
Tags
Charts
Asked by
Mark
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Mark
Top achievements
Rank 1
Share this question
or