角度 ( http://krispo.github.io/angular-nvd3/#/ ) にnvd3js を使用しています。タイトルの直後にテキストを追加したいと思います (この場合、タイトルは 98% です)。追加するテキストは「完了」です。ここまではうまくできたのですが、うまくいかなかったようです。これはこれまでの私の plunkr です: http://plnkr.co/edit/KSdnFepUaI4MUCwAQJgP?p=preview
chart: {
type: 'pieChart',
height: 100,
width: 200,
donut: true,
x: function(d){return d.key;},
y: function(d){return d.y;},
showLabels: false,
showLegend: false,
title: '89%',
transitionDuration: 500,
tooltips: false,
donutRatio: 1
}
<nvd3 options="options" data="data"></nvd3>
<style>
.nv-pie-title {
text-anchor: middle;
font-size: 95px !important;
fill: #cccccc !important;
}
</style>