在c3js中显示传奇，就像底部外观一样

Question

我正在使用c3.js来实施仪表板。它工作得很好。但我只想在顶部出现传奇。我想绘制图表作为这个序列。

1. 图例
2. 图表
3. 蜱

这是样本图想要什么。 通过网络搜索，如果我设置了像这样的传奇配置

legend: {
           show: true,
           position: 'inset',
           inset: {
                    anchor: 'top-right',
                    x: 50,
                    y: 0,
                    step: 1
                  }
        }

然后图例将主图重叠为下图：

这是非常典型的要求，但在c3js中不可用。我怎么能这样做？。

Answer 1

使用填充选项设置顶部间隙： http://c3js.org/reference.html#padding-top

然后在插图上设置负y偏移量：

       legend: {
            position: 'inset',
           inset: {
                anchor: 'top-right',
                x: 50,
                y: -30,
                step: 1
            }
        },
       padding: {
            top: 30
        }