Sparkline Pie Chart Not Respecting Height

2 posts, 0 answers
  1. Grant
    Grant avatar
    10 posts
    Member since:
    Jan 2014

    Posted 29 Oct 2014 Link to this post

    I'm trying to use a sparkline pie chart, and it's not obeying the height restrictions imposed upon it.  It renders at the correct width, but not the correct height.  I considered other styles causing a conflict, but I've declared the CSS inline, which should beat out any styles specified elsewhere.

    What am I missing?

    <div kendo-sparkline style="width: 20px; line-height: 20px; display: inline-block; height: 20px;"
         k-series="[{
              type: 'pie',
              data: [8,16],
          }]">
    </div>

    Attached is the rendered html.  As you can see, the inner span is set to a width of 100px instead of the 20px it should have.
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 31 Oct 2014 Link to this post

    Hi Grant,

    I tried to reproduce the issue but to no avail (dojo example). Could you please modify my example and try to demonstrate the problem - this way I would be able to advice you further and provide concrete recommendations? Thank you in advance for your cooperation and time.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
Back to Top