拉斐尔饼图图例字体答案

【问题标题】：Raphael piechart legend font拉斐尔饼图图例字体
【发布时间】：2012-10-24 06:32:20
【问题描述】：

我的饼图中的图例太小了……我怎样才能让它的文字变大。以下是代码：

<?xml version="1.0" encoding="UTF-8"?>
<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="raphael-min.js"></script>
  <script src="g.raphael-min.js"></script>
  <script src="g.pie-min.js"></script>
  <script>
    window.onload = function () {
      var r = Raphael("holder");
      pie = r.piechart(320, 240, 100, [10,20,0,0],
            {
              legend: ["%% Unknown","%% Recognisable","%% Familiar","%% Known"],
              colors: ["#FF0000","#FFB2B2","#CCFFCC","#00E600"], 
              legendpos: "west"
            });
    };
  </script>
</head>
<body>
  <div id="holder"></div>
</body>
</html>

【问题讨论】：

标签： raphael font-size legend

【解决方案1】：

如果我没记错的话，g.Raphael 中的图例不是那么可配置的。如果您想对其进行更多控制，则可能需要自己构建图例。有关如何执行此操作的示例，请参阅 this gist on github。

当你的图例就位后，控制字体大小如下：

t = paper.text(x, y, 'Data set 1');
t.attr({ 'font-size': 24 });

【讨论】：