在C3.js中将图例移到图表区域之外

Question

有没有办法将图例放在图表区域之外？我正在尝试使用bindto属性，但它不起作用（plunker）

Here is the example for amcharts

在C3 documentation中，只允许几个位置：左上角 右上角左下角右下角

Answer 1

你总是可以自己重新做父母：

setTimeout(function(){
  var legend = d3.selectAll('.c3-legend-item');
  var svg = d3.select('#legend')
    .append('svg')
    .attr('width', 640)
    .attr('height', 100);
  legend.each(function(){
    svg.node().appendChild(this);
  });
}, 100);

更新了plunker。

Answer 2

您可以使用以下方法解决此问题：

legend: {
   show: false
}

然后通过C3或D3添加自定义图例

有关工作示例，请参阅http://c3js.org/samples/legend_custom.html