如何在d3pie中指定标签字体大小?

时间:2015-04-27 14:41:07

标签: d3.js pie-chart

我在基本示例中使用d3pie.js并尝试按以下方式增加标签字体大小:

var pie = new d3pie("#myPie", {
    header: {
        title: {
            text: "A very simple example pie"
        }
    },
    labels: {
      outer: {
          fontSize: 20
      }
    },
    data: {
        content: [
            { label: "JavaScript", value: 264131 },
            { label: "Ruby", value: 218812 },
            { label: "Java", value: 157618},
        ]
    }
});

但它不起作用。那么,我如何指定字体大小和样式?

1 个答案:

答案 0 :(得分:2)

使用mainLabel代替outer,如下所示:

var pie = new d3pie("#myPie", {
  ...
  "labels" : {
    "mainLabel": {
      "fontSize": 15
     }
   },
   ...
});

有关其他选项,请参阅d3pie-generator