Is it possible to add a template to pointLabels in Radar Graph?

[Seanom]

I can see that its possible to set the font-family, font-size and weight but not if its possible to turn of the pointLabels or set a custom template for them for styling?

I have some overly long point labels, as an example

"Very long question point not wrapping label"

But have a design that wraps the longer lines on 2 lines and adds the index+1, normally I would set a (max-)width but don't appear to be able to amend this.

The long labels are not to much of an issue at large screen sizes but on smaller screen sizes as it scales down the graph becomes to small to be legible

Alternatively is it possible to hide/replace the labels as the graph width is reduced.
Thanks

[derekperkins]

@tannerlinsley Is this fixed in 2.0 alpha?

[tannerlinsley]

Scales are more of @etimberg 's thing. What do you think?

[tannerlinsley]

I don't think this is possible yet. @etimberg?
On Wed, Jun 3, 2015 at 10:43 PM Derek Perkins notifications@github.com
wrote:

@tannerlinsley https://github.com/tannerlinsley Is this fixed in 2.0
alpha?

—
Reply to this email directly or view it on GitHub
#1110 (comment).

[etimberg]

This isn't possible at the moment. We could look into adding it if it becomes a popular request

[Seanom]

I had to play around with the label positions but I was able to get the labels to wrap using the following tutorial http://www.html5canvastutorials.com/tutorials/html5-canvas-wrap-text-tutorial/
I had to play about with the value used to adjust the label position

var largestPossibleRadius = min([(this.height/2 - this.pointLabelFontSize - 15), this.width/2])

I added the wrapText function from the tutorial,

        wrapText : function (context, text, x, y, maxWidth, lineHeight) {
        /**
         * Wraps text onto multiple lines if it exceeds the maxWidth
         * the lineHeight determines where the next line starts
         * @type {Array}
         */
        var words = text.split(' ');
        var line = '';

        for(var n = 0; n < words.length; n++) {
            var testLine = line + words[n] + ' ';
            var metrics = context.measureText(testLine);
            var testWidth = metrics.width;
            if (testWidth > maxWidth && n > 0) {
                context.fillText(line, x, y);
                line = words[n] + ' ';
                y += lineHeight;
            }
            else {
                line = testLine;
            }
        }
        context.fillText(line, x, y);
    },

Then in the draw function replaced the fillText function

//ctx.fillText(this.labels[i], pointLabelPosition.x, pointLabelPosition.y); //removed this

//and added this
this.wrapText(ctx, this.labels[i], pointLabelPosition.x, pointLabelPosition.y, this.maxWidth, this.lineHeight);


//Using initialised variables
maxWidth : 100,
lineHeight : 14,

[etimberg]

Added a callback function to v2 in #1879 to allow changing point labels that display on the scale