无法弄清楚如何自定义基于D3的情节

时间:2015-12-11 20:59:07

标签: javascript d3.js reactjs react-d3

我正在使用react-d3制作散点图,因为Plotly的反应包装器出现了错误。我遇到了d3的问题,因为我无法弄清楚api。在react-d3 website上你可以看到他们是如何制作散点图的,我有那个工作,但我无法发现其他属性。例如,是否有办法为点设置悬停工具提示,以便可以看到x,y和文本值?该图表的点的颜色怎么样?

1 个答案:

答案 0 :(得分:2)

您可以通过查看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 prop控制点的颜色。