我正在使用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>
)}
/>