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

Question

我正在使用 react-d3 制作散点图，因为 Plotly 的反应包装器看起来有问题。我在使用 d3 时遇到问题，因为我无法弄清楚 api。在 react-d3 website 上，您可以看到他们是如何制作散点图的，我已经在使用它，但我无法发现还有哪些其他属性。例如，是否没有办法为点设置悬停工具提示，以便可以看到 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 属性控制点的颜色。

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

Cannot figure out how to customize a D3 based plot

javascript

d3.js

reactjs

react-d3