Setting height / width sparklines and removing spacing with Kendo UI and AngularJS

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
}
};

Leave a Reply

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

One comment

  1. Arno says:

    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