データ ポイントのラベルが非常に長くなる円グラフを作成しています。凡例は垂直に構成され、左側に配置されます。すべてのデータ ポイントの合計を示すラベル要素をグラフの下部に追加しました。
私が直面している問題は、(スタイル要素を介した) このラベルの配置が凡例の幅に基づいていることです。凡例が十分に広い場合、グラフの右側から押し出されることがあります。
グラフ全体の幅のみに基づいて配置されるように、このラベルのスタイルを設定できる方法を知っている人はいますか?
ラベルに適用されたスタイリングは次のとおりです (位置の値を追加しようとしましたが、これは何もしていないようです)。
style: {
top: '325px',
position: 'absolute',
left: '-160px',
'font-size': '175%'
}
これは私が使用しているグラフの例です。合計の値がカットされていることがわかります。
編集:セバスチャンのコメントによると、凡例ラベルフォーマッターを使用してシリーズ名の長さを制限することで、問題を効果的に解決できました。コードは次のとおりです。
labelFormatter: function () {
var formattedName = this.name;
if (formattedName.length > 17) {
formattedName = formattedName.substr(0, 14) + '...';
}
return formattedName;
}