如何减少饼图和图例之间的空间？ （highcharts.js）

Question

请参阅下面的高级官方文档示例。 图例和图表之间仍有一些空间。我想让图表尽可能大，但不要与图例重叠。

我的图表数据是动态的。图例项的数量是可变的。因此我不能使用固定的marginBottom / marginTop，例如

const findOrCreateSession = (fbid) => {
    let user;
    // create custom token with fbid
    admin_firebase.auth().onAuthStateChanged(function(user) {
        if (user) {
            // User is signed in.
            console.log('user signed in');
        } else {
            // No user is signed in.
            // create custom token with fbid
            var uid = fbid;
            admin_firebase.auth().createCustomToken(uid).then(function(customToken) {
                // Send token back to client
                admin_firebase.auth().signInWithCustomToken(token).then(function() {
                    console.log('user signed in');
                }).catch(function(error) {
                    // Handle Errors here.
                    var errorCode = error.code;
                    var errorMessage = error.message;
                    // ...
                });
            }).catch(function(error) {
                console.log("Error creating custom token:", error);
            });
        }
    });
    return user;
};

http://jsfiddle.net/8z6mqd6d/

Answer 1

您可以移除图例上的填充和边距以获得一些空间。

        legend : {
            margin: 0,
          padding: 0
        },

根据您想要获得它的接近程度，如果需要，可以将保证金设为负数。

http://jsfiddle.net/8z6mqd6d/1/