g.raphael饼图传奇的位置

时间:2014-03-10 14:12:03

标签: graphael

我正在创建一个动态饼图,并且用graphael制作图表是一个很新的

在此示例中是否可以使图例一直向左移动? 我正在使用g.raphael和g.pie.js,而legendpos设置为“south”。

有没有办法让它成为西南?我当前图表的示例可以在以下链接中看到: Example of pie chart

2 个答案:

答案 0 :(得分:0)

我遇到了同样的问题。 这个解决方案很有效,但不太灵活:

var chart = Raphael(target, target.clientWidth, target.clientHeight);
var pChart = chart.piechart(w, h, rad, values, {legend: legend, legendpos: "south", minPercent: 0.01, legendothers: "Others"});
pChart.attr({"font-size": 16, "font-family": "Arial", "cx":"280", "x":"295"});

“cx”是图例中点的x-pos属性,“x”是图例中文本的x-pos属性。

答案 1 :(得分:0)

将图例定位在图表中的代码位于名为g.pie.js的文件中,您需要获取未压缩的版本才能进行编辑。

tr = {
                east: [0, -bb.height / 2],
                west: [-bb.width - 2 * r - 20, -bb.height / 2],
                north: [-r - bb.width / 2, -r - bb.height - 10],
                south: [-r - bb.width / 2, r + 10]
            }[dir];

只需添加一个新选项:

southwest: [-bb.width - 2 * r - 20,r + 10]

我测试了它并且有效。