为什么nivio xFormat不适用于x轴?

时间:2019-12-11 14:46:26

标签: javascript d3.js nvd3.js

我正在使用nivio绘制一个简单的图表。 一切都绘制和重绘,除了我无法合并x / y轴标签。 我什至尝试删除x轴标签,但是无论如何它都是从data数组中取出的。

我使用的图表示例为here。 即使代码和数据来自示例,轴上的标签仍与普通整数保持不变。

图表代码:

<ResponsiveScatterPlot
            data={data}
            colors={{scheme: 'set2'}}
            margin={{top: 60, right: 140, bottom: 70, left: 90}}
            xScale={{type: 'log', base: 3}}
            xFormat={ d => `not even a label`} // shouldn't even display
            yScale={{type: 'log', base: 2}}
            yFormat={ d => `not a label as well`}
            blendMode="multiply"
            axisTop={null}
            axisRight={null}
            axisLeft={{
                orient: 'left',
                tickSize: 5,
                tickPadding: 5,
                tickRotation: 0,
                legend: 'Volume',
                legendPosition: 'middle',
                legendOffset: -60
            }}
            axisBottom={{
                orient: 'bottom',
                tickSize: 5,
                tickPadding: 5,
                tickRotation: 0,
                legend: 'Market Cap',
                legendPosition: 'middle',
                legendOffset: 46
            }}
            nodeSize={{key: 'z', values: [0, 4], sizes: [9, 32]}}
            tooltip={({node}) => (
                <div
                    style={{
                        color: node.style.color,
                        background: '#333',
                        padding: '12px',
                    }}
                >
                    <strong>
                        {node.data.name}
                    </strong>
                    <br/>
                    Market Cap: {node.data.marketCap}
                    <br/>
                    24h Volume: {node.data.volume}
                    <br/>
                    Absolute price change: {node.data.priceChange}
                    <br/>
                </div>
            )}
        />

0 个答案:

没有答案