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 Comment

  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

    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.