问题标签 [recharts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
7551 浏览

javascript - 如何从 ReCharts 中的折线图中删除点?

我想只渲染没有点的线。我正在使用:http ://recharts.org/#/en-US/api/LineChart

在此处输入图像描述

这是JSFiddle:

http://jsfiddle.net/gw7v4br8/87/

在他们的折线图 API 中,我没有看到点 API,这个库甚至可以实现吗?

http://recharts.org/#/en-US/api/LineChart

0 投票
1 回答
1254 浏览

javascript - 在 RTL 中渲染 recharts 图表

当我使用 recharts 在 RTL(用于阿拉伯语或希伯来语)的包装器中呈现图表时,UI 会变得混乱。该库是否提供用于 RTL 渲染的 API?

0 投票
1 回答
6641 浏览

reactjs - ReCharts标签位置不起作用

我创建了一个折线图并尝试在其上放置 2 个标签但没有成功。我在开头和结尾使用了 2 条参考线以及它们顶部的标签。我正在努力实现以下目标:

和代码:

0 投票
3 回答
9676 浏览

reactjs - Rechartd:垂直条形图 - 设置条形粗细

如何设置钢筋厚度?

当前结果

在此处输入图像描述

数据集

0 投票
1 回答
2643 浏览

javascript - Recharts 在 React 中不起作用 - “recharts”不包含名为“Recharts”的导出

我想使用 Recharts 绘制图表。

我目前正在查看他们网站上文档中给出的示例。

一旦我将他们的代码复制到我的应用程序中,我就会遇到以下错误:

数据包中的某些东西会出错吗?

我怎样才能清除这个错误?

0 投票
1 回答
1972 浏览

javascript - Recharts 不会在 LineBarAreaComposedChart React 上显示负值

我正在尝试使用 6 个变量值优化图表。

有时这些值中的一些是负数,并且图表没有显示它们。

我试图将负值放在 Y 刻度上,但这也不起作用。

图表上的线本身消失。

风速线具有正值,但也不可见。

LineBarAreaComposedChart

我的代码:

0 投票
1 回答
4185 浏览

javascript - 如何使用 Recharts 获取折线图上的悬停元素

我实际上是新来的。ReactJS 也是新的 :(

在此处输入图像描述

我想要做的是,当我将鼠标悬停在值 1 行上时,工具提示内只会显示值 1 数据。如您所见,此工具提示并非如此。

请帮助我真的需要它。

0 投票
1 回答
3469 浏览

javascript - 有什么方法可以更改折线图(Recharts)中单击的线条的颜色吗?

我的折线图代码有问题。所以,我只想点击某条线来改变它的颜色,但是图表中的所有线都会改变它们的笔触颜色。这是我的代码:

请我真的需要你的帮助,因为你可以看到我的线条是使用循环创建的。谢谢!

0 投票
2 回答
14793 浏览

javascript - 有什么办法只能在工具提示(Recharts)中显示悬停的线?

我曾尝试使用自定义工具提示,但我的问题是我不知道如何获取悬停的有效负载的索引。我想要的是仅在工具提示中显示悬停线的值。例如,我将鼠标悬停在值 1 行上,因此我只想在工具提示中显示值 1。

所以这是图像

在此处输入图像描述

这是我的代码,尽管我删除了自定义工具提示:

请我真的需要你的帮助。谢谢!

0 投票
0 回答
591 浏览

charts - 如何在桑基图(Recharts)上添加 x 轴?

有没有办法使用 Recharts 在桑基图中添加 x 轴?

这是 Sankey 的示例代码,

另外,这是我需要的示例输出,

图片

谢谢你。