Struggling to eliminate the extra space surrounding the Kendo UI chart below. Could this be due to a gap or spacing issue? The goal is to create a single-line bar chart with only grey appearing on the right side.
$(document).ready(allFamilyTicketsBarChartThisYear);
function allFamilyTicketsBarChartThisYear() {
$("#chart-7").kendoChart({
title: {
visible: false,
},
legend: {
visible: false,
},
chartArea: {
height: 90,
padding: 0,
margin: 0,
background: "transparent"
},
seriesDefaults: {
type: "bar",
},
series: [
{
//gap: 0,
//spacing: 0,
//border: {
// width: 0
//},
// the above removes the height of the bar
name: "monthThisYear",
data: [506785]
}
],
valueAxis: {
max: 1000000,
labels: {
visible: false
},
line: {
visible: false
},
minorGridLines: {
visible: false
},
majorGridLines: {
visible: false
}
},
categoryAxis: {
line: {
visible: false
},
minorGridLines: {
visible: false
},
majorGridLines: {
visible: false
}
},
tooltip: {
visible: false,
}
});
}