chart.js　レーダーチャート作成の際に、ラベルを改行させたい

Chart.jsの11084行あたりで

ctx.fillText(pointLabels[i] ? pointLabels[i] : '', pointLabelPosition.x, pointLabelPosition.y);

としてテキストを出力しています。

testData.labelsがpointLabelsに代入されているようです。

labelsを"レスポンス・\nスピード"のようにして

if (pointLabels[i].indexOf("\n") !== -1) {
  var y = pointLabelPosition.y;
  var lineHeight = ctx.measureText("あ").width;
  pointLabels[i].split("\n").forEach(function(val){
    ctx.fillText(val ? val : '', pointLabelPosition.x, y);
    y += lineHeight;
  });
} else {
  ctx.fillText(pointLabels[i] ? pointLabels[i] : '', pointLabelPosition.x, pointLabelPosition.y);
}

のようにchart.jsを変更して利用するのでもよければできると思います。

あまりきちんと調べた内容ではありませんが・・・

リファレンスのLegend Label Configurationの項を見る限り2行に渡るテキストを表示することを直接サポートしているかのような記述は見当たりませんでした。

次にcharjsは最終的にはcanvasへ描画しているはずなのでソースからそれらしいところを探すと、以下のように複数行で描画しているような雰囲気のコードがあったのですが・・・

if (i.isArray(e))
  for (var n = 0, a = 0; n < e.length; ++n)
    l.fillText('' + e[n], 0, a), a += 1.5 * v.size;
  else
    l.fillText(e, 0, 0);

あてずっぽでlabelsの特定の要素を配列にしてみたのですが

labels: ["価格", ["職人の","技術力"],...],
...

職人の,技術力と表示されただけでした。深く調べれば方法が見つかりそうな気もしますが適当に見たぐらいではやはりダメですね・・・

オプションの中にgenerateLabels(凡例の生成を自前でやる関数を指定する)仕組みが用意されているのですがこの関数でレンダリングを直接できるのかレンダリングへ渡すオプションを生成することしかできないのか詳しく見ないと自分にはわかりそうにありませんでした。

ところでchart.jsのplugin(extension?)として多数のライブラリーがあるようです。chart.jsのドキュメントの末尾に沢山並んでますね。そうしたものにテキストの改行が行えるようなレーダーチャートがないかを調べてみてはいかがでしょう？

あまり役にたたないコメントでスミマセン

動的に改行を突っ込んだりしてみましたがダメでした

var test_chart = new Chart(testContext, {
            type: 'radar',
            data: testData,
            options: {
              legend: {
                display: false
              },
              scale: {
                pointLabels: {
                  fontSize: 14, //フォントサイズ
                  fontFamily: "'游ゴシック',YuGothic,NotoSans,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif",
                  //★★★ ラベル文字に・を見つけたら改行付きに置換してみたけど変わらず ★★★
                  callback: function(value) {return value.replace('・','・\n')} 
                },
                ticks: { //http://www.chartjs.org/docs/#scales-radial-linear-scale
                  stepSize: 2, // 目盛の間隔
                  max: 10, //最大値
                  beginAtZero: true,
                }
              }
            }
          });

ＱＡサイトのいくつかで「ラベルで改行できないの？」という質問を見つけましたが、解決に至っていませんでした

githubにて議論され修正もされたようですが（？）、私の英語理解力ではどうなったのかわからず・・・
This PR allows for multi-line labels, as per Slack discussion..  #2704
※確かに Chart.js のセットの中の sample に multiline-labels.html が入っていますが、まだ解析しきれていません、、、

解決に至るような回答でなく恐縮ですが、ご参考まで