有没有办法让我在甜甜圈图表的标题后面添加文字?

时间:2015-09-02 16:43:38

标签: angularjs nvd3.js angular-nvd3

我正在使用nvd3js用于角度(http://krispo.github.io/angular-nvd3/#/),我想在标题后添加一个文本(在这种情况下标题是98%),并且要添加的文本是“完成” 。到目前为止,我能够使它工作,但我似乎无法使它工作。到目前为止,这是我的傻瓜: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>

0 个答案:

没有答案