reactjs - Recharts ScatterChart Y 轴类别问题
问题描述
我有一个非常简单的问题,但我无法找到解决方案。我想更改 Rechart 的 X 和 Y 轴<ScatterChart/>
。
这是原始 Rechart 演示的链接https://jsfiddle.net/alidingling/uLysj0u2/
这是我的代码。
const {ScatterChart, Scatter, XAxis, YAxis, CartesianGrid, Tooltip, Legend}
= Recharts;
const data = [{name: "T1", val: 100}, {name: "T2", val: 200},
{name: "T3", val: 300}]
const SimpleScatterChart = React.createClass({
render () {
return (
<ScatterChart width={400} height={400} margin={{top: 20, right: 20,
bottom: 20, left: 20}}>
<CartesianGrid />
<XAxis dataKey={'val'} type="number" />
<YAxis dataKey={'name'} type="category" />
<Scatter name='A school' data={data} fill='#8884d8'/>
</ScatterChart>
);}})
ReactDOM.render(
<SimpleScatterChart />,
document.getElementById('container')
);
如果 type="number" 可以正常工作,但我需要类别。
解决方案
推荐阅读
- ruby - attr_accessor 在 procs 中使用时不起作用
- actions-on-google - Dialogflow 未触发所需参数的提示
- regex - Notepad++ 正则表达式重新排序字符串
- sql - 提取过去 7 天的数据(不能使用 current_date 函数)
- javascript - 使用 javascript 在 MVC 视图的页面加载上设置页面滚动位置
- gitlab-ci - 跨越多个阶段的 CI 作业
- php - 记住递归函数值
- javascript - 查找 Aws S3 存储桶位置
- java - Intellij 不正确加载项目
- javascript - ForEach 百里香 javascript