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

Question

我正在使用 react-d3 制作散点图，因为 Plotly 的 react 包装器看起来有问题。我在使用 d3 时遇到问题，因为我无法弄清楚 api。关于react-d3 website你可以看到他们是如何制作散点图的，我已经在工作了，但我无法发现还有哪些其他属性。例如，是否没有办法为点设置悬停工具提示，以便可以看到 x、y 和文本值？该图表的圆点颜色如何？

Answer 1

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

具体来说，你关心这个 block :

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 属性控制点的颜色。