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

One Comment

  1. Arno

    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 *