如何 use/retrieve C3 比例函数 post 生成？

Question

我正在使用 C3 生成图表，发现有必要深入研究底层 D3 结构以补充其功能。我陷入僵局，需要绘制一个同时受 x 值和 y 值限制的区域，但 C3 的 "regions" 功能只允许一个或另一个。因此，我需要在 C3 生成的图表上的适当位置绘制一个矩形，但使用比例函数来确定新矩形的 X/Y 值。有什么方法可以用 C3 或底层 D3 库做到这一点吗？

Answer 1

您可以从 chart.internal（chart.internal.x 和 chart.internal.y）访问比例函数。您可能也需要保证金（否则您的头寸将被抵消那么多）

这是从点 (0 index, 100) 到 (2 index, 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));

Fiddle - http://jsfiddle.net/hehpy91o/

如何 use/retrieve C3 比例函数 post 生成？

How do I use/retrieve the C3 scale function post generate?

charts

d3.js

c3