Hi,
I am using the bar chart in a template for a grid column. It works well but I am having trouble removing some remaining space around the chart which looks like it is for the category and value axis labels. below is my configuration, if you run it up and look at the amount of space taken up by the element vs the render size of the bar you will see space on the left and bottom where the axis details would normally be. Is there any way to remove this?
Thanks,
Rob.
I am using the bar chart in a template for a grid column. It works well but I am having trouble removing some remaining space around the chart which looks like it is for the category and value axis labels. below is my configuration, if you run it up and look at the amount of space taken up by the element vs the render size of the bar you will see space on the left and bottom where the axis details would normally be. Is there any way to remove this?
<
body
>
<
div
id
=
"chart"
style
=
"width: 200px"
></
div
>
<
script
>
$("#chart").kendoChart({
chartArea: {
background: "",
height: 20,
margin: 0,
},
legend: { visible: false },
series: [{
type: "bar",
data: [80],
color: 'cornflowerblue',
tooltip: { visible: false },
highlight: { visible: false },
margin: 0,
gap: 0,
spacing: 0,
}],
panes: [
{ clip: false, margin: 0 }
],
categoryAxis: {
line: {
visible: false,
},
labels: {
visible: false,
},
majorGridLines: {
visible: false
},
},
valueAxis: {
line: {
visible: false,
},
labels: {
visible: false,
},
majorGridLines: {
visible: false
},
max: 100,
},
});
</
script
>
</
body
>
Thanks,
Rob.