1

角度 ( 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>
4

0 に答える 0