Recharts
在React项目中使用Recharts内容整理
慢吞吞的树懒
日复一日
展开
-
Recharts动态遍历多个Area面积图
问题描述:当后台返回多个value时,意味着图形中有多条线,接下来就分析从后台传过来的数据源,然后对图形进行处理。 附上遍历成功后的面积图 data = [ {time: "25-01", value: "5", valueY: "2"}, {time: "25-02", value: "2", valueY: "6"}, {time: "25-03", value: "8", valueY: "1"}, {time: "25-04", value: "1", valueY: "9"},原创 2020-07-17 11:18:42 · 353 阅读 · 0 评论 -
Recharts动态设置y轴的最大值最小值
问题描述:根据父组件传来的值来动态设置柱状图Y轴的刻度线 使用配置属性:domain 当 y 轴是数值轴时,通过这个配置可以指定 y 轴刻度函数的定义域。这个配置是一个二元数组,数组中的元素可以是一个数值,“auto”, “dataMin”, “dataMax” 或者类似于"dataMin - 100", “dataMax + 200"这样的字符串。如果任意元素的取值为"auto”,我们会生成可读性高的刻度,并且保证设置的刻度数。 默认值:[0, ‘auto’] 示例代码: export default c原创 2020-07-15 18:26:32 · 1819 阅读 · 0 评论