Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Legend Padding

See original GitHub issue

I have been having an issue with my chart legends when trying to add padding.

I am hoping for a feature that allows for more than just padding between the items in the legend. Something like:

  legend: {
    paddingLeft: 10, //suggested; also paddingRight, paddingTop, paddingBottom
    labels: {
      padding: 50 //current
    }
  },

At least in my case this would prevent having to create the legend as a separate object.

Issue Analytics

State:
Created 4 years ago
Reactions:14
Comments:8

Top GitHub Comments

1reaction

RVXDcommented, Nov 1, 2022

Please implement this: legend.padding.left legend.padding.top legend.padding.right legend.padding.bottom

1reaction

intoxopoxcommented, Jul 22, 2021

Really hoping for a simple way to set padding between whole legend itself and the chart somewhere in Chart.defaults.global.legend.

Top Results From Across the Web

legend.padding | highcharts API Reference

The legend is a box containing a symbol and name for each series item or point item in the chart. Each series (or...

Adding Extra Padding in Chart Legend - Caspio Online Help

In this article, we will guide you on how to add padding between legend items of a Chart DataPage. This can be applied...

javascript - Highcharts - Legend item padding - Stack Overflow

I have experimented with line height and font-size settings of the legend.itemStyle , but no luck. Does anyone have any ideas? Firefox 25.0.1...

legend.padding - API Reference - Kendo UI Chart

In this article you can see how to configure the legend.padding property of the Kendo UI Chart. ... Example - set the chart...

legend padding: .5em - Form « HTML / CSS - Java2s.com

legend padding : .5em;. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html ...