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

[Mark]

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? :-)

[Iliana Dyankova]

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

[Mark]

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.

[Iliana Dyankova]

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

[Mark]

Ha, ridiculously simple!  I tried pretty much everything else apart from that.

Thank you!  Works perfect.  Grrrr!