javascript - 无法弄清楚如何自定义基于 D3 的绘图

Question

我正在使用 react-d3 制作散点图，因为 Plotly 的反应包装器出现错误。我在使用 d3 时遇到问题，因为我无法弄清楚 api。在react-d3 网站上，您可以看到他们是如何制作散点图的，并且我可以使用它，但我无法发现还有哪些其他属性。例如，有没有办法为点设置悬停工具提示，以便可以看到 x、y 和文本值？那张图表的圆点颜色怎么样？

Answer 1

您可以通过查看 github 上的源代码来查看所有可用的属性。例如，您可以在https://github.com/esbullington/react-d3/blob/master/src/scatterchart/ScatterChart.jsx查看 ScatterChart 可用的道具

具体来说，你关心这个块：

propTypes: {
    circleRadius:     React.PropTypes.number,
    className:        React.PropTypes.string,
    hoverAnimation:   React.PropTypes.bool,
    margins:          React.PropTypes.object,
    xAxisClassName:   React.PropTypes.string,
    xAxisStrokeWidth: React.PropTypes.number,
    yAxisClassName:   React.PropTypes.string,
    yAxisStrokeWidth: React.PropTypes.number
 }

因此，对于您的一个子问题：是的，您可以通过 className 道具控制点的颜色。