Sparkline full width

[Andreas]

I've been trying for hours to set the width of the <Sparkline data={[55, 52, 61, 66, 74, 68, 77, 83]} /> to 100% or a number set in pixles, but I just can't get it to work!

I've tried setting it with css, with inline style, with a wrapping div and inline style and/or css and nothing is working. The only thing that can make the sparkline fill out more width seems to feed it more data (a longer array), and that isn't really an option.

 

Please help!

[Stefan]

Hello, Andreas,

Currently, the desired result can be achieved using CSS rule to set the width:

.k-sparkline {
  width: 300px !important;
}

https://stackblitz.com/edit/react-a4jv1s?file=index.html

I hope this is helpful.

Regards,
Stefan
Progress Telerik

[Andreas]

Thank you Stefan!

This was the only option I hadn't tried, to put the css rule in an css file and import it in my component. It works :)