Word wrap for long labels

Is there an option to reflow long text labels?

• For example, a long label without reflow (plotly tries to autocorrect by slanting the labels instead of reflowing the text, but it still doesn’t fit)
• And a simple manual fix with a few <br> in the code that I’d like to have Plotly be able to do with a simple wrap: true option

JS code for this chart

var data = [{
// first screenshot labels
    //x: ['giraffes', 'orangutans', "Very Long Text Label That Doesn't Fit Properly"],
// second screenshot labels
    x: ['giraffes', 'orangutans', "Very Long<br>Text Label That<br>Doesn't Fit<br>Properly"],
    y: [20, 14, 23],
    type: 'bar'
}]
Plotly.newPlot('PlotlyDivSimple', data, {})

[punitaojha]

Has the plotly library managed to solve this issue now. Looking for some better alternatives.

[eugenesvk]

Ok, understood. Would help with a PR if I had a clue how to do that 😃

Pardon my ignorance, but is there no way to introduce a JavaScript function that would be applied to all labels before they’re fed to SVG/WebGL, where it becomes complicated? For example, I’ve google-found this function (it’s not great since there is an issue with long words, but just as an illustration)

function stringDivider(str, width, spaceReplacer) {
    if (str.length>width) {
        var p=width
        for (;p>0 && str[p]!=' ';p--) {
        }
        if (p>0) {
            var left = str.substring(0, p);
            var right = str.substring(p+1);
            return left + spaceReplacer + stringDivider(right, width, spaceReplacer);
        }
    }
    return str;
}

that I can use internally to shorten the labels

var label = "Very Long Text Label That Doesn't Fit Properly"
x: ['giraffes', 'orangutans', stringDivider( label, 20, "<br>") ],

Also, as a side question — is there a way to read the bar width in plotly so I don’t have to adjust the width manually and can make it reflow properly when chart size is adjusted.