I'm trying to prevent my legend from being too wide, I don't see a width property so I'm trying to set its padding or margin on the right. Unfortunately, I'm not having any luck. Is there any reason why what I'm trying to accomplish wouldn't work or is there a better way? Please see my settings attached:
7 Answers, 1 is accepted
0
Hi Karl,
You are right - there is no width property for the legend in Kendo UI Chart. In order to reduce the legend's width I recommend you setting a smaller font size. For example:
I hope this will fit your requirements.
Regards,
Iliana Nikolova
the Telerik team
You are right - there is no width property for the legend in Kendo UI Chart. In order to reduce the legend's width I recommend you setting a smaller font size. For example:
$(
"#chart"
).kendoChart({
//....
legend: {
//...
labels: {
font:
"10px Arial,Helvetica,sans-serif"
}
}
});
Regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Stefania
Top achievements
Rank 1
answered on 06 Nov 2013, 12:13 PM
Documentation describes legend.labels.margin properties, but nothing happens when I try to use them. For example:
legend: {
position: "bottom",
offsetY : 10,
labels: {
margin: 300,
}
}
and also:
legend: {
labels: {
margin: {
left: 20
}
}
}
legend: {
position: "bottom",
offsetY : 10,
labels: {
margin: 300,
}
}
and also:
legend: {
labels: {
margin: {
left: 20
}
}
}
0
Hello Stefania,
Iliana Nikolova
Telerik
This is a known issue, however we will do our best to address it as soon as possible. Please excuse us for the inconvenience caused.
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Jonas
Top achievements
Rank 1
answered on 02 Jun 2014, 12:01 PM
Hello Iliana,
is there any news about the legend.labels.margin property? Or is there another way to get some free space between the labels?
is there any news about the legend.labels.margin property? Or is there another way to get some free space between the labels?
0
Hi Jonas,
I am afraid the discussed issue still persists and there is no a suitable workaround I can suggest. Once again I apologize for the inconvenience caused.
Regards,
Iliana Nikolova
Telerik
I am afraid the discussed issue still persists and there is no a suitable workaround I can suggest. Once again I apologize for the inconvenience caused.
Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Donald
Top achievements
Rank 1
answered on 02 Jun 2015, 05:48 PM
Has this issue been resolved? I am having issues as well when placing the legend at the top or bottom...
0
Hi Donald,
The legend.labels margin / padding issue has been resolved and now both are working as expected (dojo). Also there is a legend.width option which can be used when the legend.orientation is set to "horizontal".
Regards,Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!