60得票6回答
Recharts设置Y轴范围

无法弄清如何使用http://recharts.org/设置Y轴范围。 想要Y轴显示100而不是当前的60。 相信在这种情况下不需要代码示例或填充

48得票5回答
使用recharts(条形图)设置响应式图表的高度和宽度

我正在尝试使用recharts来实现一张柱状图(BarChart)。但是width={600}和height={300}会导致Barchart变成绝对大小,而不是响应式的。如何才能让Barchart变成响应式的呢?我尝试使用百分比作为width={'50%'} height={'40%'},但...

33得票3回答
我的Rechart图表中自定义图例标签

我有一个非常直观的数据数组,用于我的recharts组件: Translated to English: I have a pretty straight forward data array for my recharts component :{name: '12.1.2011', s...

31得票3回答
Recharts: 关闭柱状图背景悬停效果

有没有办法在Recharts中关闭条形图悬停时出现的灰色背景? 使用版本1.4.1。代码(简化)如下: import React from "react" // Recharts import { Bar, BarChart, CartesianGrid, ResponsiveCon...

22得票1回答
使用圆角创建Rechart柱状图

我正在尝试创建一个条形图,如下所示,其中条形的长度为X,每个条形段的长度与其包含的数据的百分比成比例。通过创建垂直布局堆叠条形图,我已经非常接近了,但无法弄清楚如何获得圆角。我已尝试在Bar组件上使用border={x},但这会使条形的两侧都变圆,而我只想将第一个条形的左侧和第二个条形的右...

21得票1回答
如何在ReCharts中从折线图中删除数据点?

我想只呈现线,不要点。我正在使用:http://recharts.org/#/en-US/api/LineChart 这是JSFiddle链接: http://jsfiddle.net/gw7v4br8/87/const {LineChart, Line} = Recharts; co...

20得票3回答
Rechart - 为图表添加标签

我正在尝试学习如何使用Rechart。文档中说可以在图表元素上放置标签,并给出了一个使用“name”作为标签数据键的示例。 我已经尝试在我的图表中这样做,但它不起作用。 如果我从字段中删除“label”,则没有任何标签出现。如果我保留它,则唯一显示的标签是饼图楔形上的值。 我有一个标签,...

15得票4回答
Recharts 设置 Y 轴值基于所显示数字

嗨,我正在尝试使用Recharts显示一些数据,但是我遇到了一个问题。我尝试展示的数字太大了,我的Y轴被网页截断了。有没有办法设置或自定义Y轴值以显示10K、10M等,而不是根据数据显示10,000和10,000,000?

14得票7回答
Recharts自定义工具提示的Typescript接口

由于我还不熟悉Typescript,因此我正在尝试使用Typescript为我的React应用程序中的Recharts图表创建自定义工具提示内容。已经安装了@types/recharts作为一个devDependencies。 然而,当我定义如下所示的CustomTooltip函数时,Typ...

14得票6回答
Recharts响应式容器在flexbox中无法正确调整大小

我正在尝试为我的数据可视化应用程序创建一个自定义折叠图例。它使用React和Recharts。该组件第一次呈现得很好。但是,当我折叠传说并重新打开它时,响应式容器不会收缩以适应。如果我知道像素的父容器大小,那么这将更容易处理,但是在渲染时我没有那些信息。这是Recharts或Flexbox的错...