0 Comments

In the following screendump, I used 6 sparkline fields:

 

image

 

To increase the width / height of the sparkline (bar) I set the following values:

– charArea options (height, padding, margin)

– Series options (gap and spacing)

$scope.kostenMinderPersoneelChartOptions = {
            chartArea: {
                background: "",
                height: 17,
                margin: {
                    top: 1,
                    bottom: 0,
                    left: 0,
                    right: 0
                },
                padding: 0
            },
            tooltip: {
                visible: false
            },
            series: [
                {
                    type: 'bar',
                    color: '#EC008C',
                    field: 'sparkline',
                    gap: 0,
                    spacing: 0
                }
            ],
            valueAxis: {
                min: 0,
                max: 200000
            }
        };

        
                

One Reply to “Setting height / width sparklines and removing spacing with Kendo UI and AngularJS

  1. Dank je,

    je hebt me veel tijd bespaart. Kendo docs zijn niet altijd zo duidelijk over alles en het default gedrag van de sparkline is nogal slecht.

    Arno

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Posts