如何使用/检索C3比例函数post生成？

Question

我正在使用C3生成一个图表，并发现有必要深入挖掘底层的D3构造，以补充其功能。我陷入僵局，需要绘制一个既受x值又受y值限制的区域，但C3的“区域”功能只允许其中一个。因此，我需要在C3生成的图表上画一个rect在适当的位置，但使用标度函数来确定新的rect的X/Y值。有什么方法可以用C3或底层的D3库来做到这一点？

Answer 1

您可以从chart.internal (chart.内在.x和chart.内在.y)访问scale函数。你可能也需要保证金(否则你的头寸会被这么多的差额抵消)

下面是从点(0索引，100)到(2索引，400)的矩形绘制方法

var rect = chart.internal.svg.append("rect")
    .attr('fill', 'rgba(255, 9, 0, 0.1)')
    .attr("x", chart.internal.x(0) + chart.internal.margin.left)
    .attr("y", chart.internal.y(400) + chart.internal.margin.top)
    .attr("width", chart.internal.x(2) - chart.internal.x(0))
    .attr("height", chart.internal.y(100) - chart.internal.y(400));

小提琴- http://jsfiddle.net/hehpy91o/