问题标签 [react-highcharts]

我需要从线到顶部创建一条带阴影的线。在文档中，我没有找到任何有关此的信息。请帮帮我！谢谢

我正在使用 React HighCharts Library 在 React Js 中开发一个条形图。所以在某些情况下，我的数据间隔不是线性的（最小值和最大值之间的差异非常大）。所以情节线是重叠的。分享图片以供参考。

请帮我解决这个问题，我希望我的标签清晰显示。

在这张图片中，我有 2 条绘图线，其值为 0.66，一些附近的值为 0.5 左右。它们是重叠的。请帮助解决此案。

谢谢。

我希望使用 highcharts-react-official 库在我的页面上呈现一个 highcharts 漏斗图。但是，当我尝试这样做时，我得到了 highcharts 反应错误 #17。从文档看来，我还必须导入“highcharts/modules/funnel.js”。我相信这很简单，但我对如何在我的组件中执行此操作有点迷茫。下面是我目前正在玩的代码。配置似乎在 codepen 编辑器中工作正常

根据npm highcharts-more.js 已弃用，我们只需要从 highcharts 文件夹中导入相应的模块。但是当我尝试删除 highcharts-more 依赖时，我得到了错误。我们正在尝试使用 react-highcharts v16.0.2 构建箱线图。

我什至尝试从他们的演示中删除 highcharts-more.js 导入，但发现它失败了。

我在这里的实施方面有什么遗漏吗？

我有一个来自 react-highcharts 的饼图。我目前正在尝试实现向下钻取功能。

如果我删除我的函数，向下钻取工作，所以我怀疑我的函数覆盖了 react-highcharts 的默认 onclick。

以下代码在反应组件中

感兴趣的线 events: {click: this.showdetailsClick},位于 plotOptions 的配置变量中

它在我的组件中触发此功能

如果我注释掉此函数，则向下钻取按预期工作，否则我的函数被调用并按预期工作，但单击时不会发生向下钻取

我目前正在使用 React JSX Highcharts 模块创建一个动态展示多个样条系列的图表（使用 .map 函数）

我有一个名为 DataLines 的全局变量，在我的渲染函数中我写了这个：

当 Datalines 包含两条线时，图表正确显示它。但是，当我从 DataLines 中删除第一行时，它会从图表中删除第二行（由图表底部的行名显示），并且图表本身实际上并没有改变，即使我们重新渲染它使用新的 DataLines。

此外，如果我的图表中有一条线，并且我将 DataLines 更改为保留另一条线，则它根本不会更新图表。

使用控制台日志我看到发送到渲染函数的数据是正确的。

什么可能导致这种情况，我该如何解决？这是模块的已知问题吗？

提前致谢！

编辑：我的服务器正在使用 c# 中的信号器，因此共享它会更加复杂，但这里是触发图表更新的事件：

• 该函数是从 componentDidUpdate 调用的，并且使用父组件的设置状态将这些行作为道具接收。所以基本上当我收到新道具时，我会用新数据创建图表（然后我们又回到了图表没有正确更新的问题）。

我在图表中使用的“数据”的文档链接

我正在使用ReactHighcharts组件来渲染图表所有其他图表，如折线、条形、区域、柱形，所有图表都工作正常，但是当我尝试使用旭日形图表时，我遇到了这个错误。

我无法确定此错误的原因。请让我知道我在做什么错。

我在用 Highcharts 替换项目中的当前图表时遇到了一些问题。我正在使用 highcharts-react-official（和 highcharts）NPM 包，它不会从响应中呈现“一切”。

该项目非常大，并且通过旧的图表实现来看，Rechart 似乎非常简单。从 API 响应中获取的当前数据是这样的（在 ComposedChart 包装器中）：

然后显示所有必要的数据。我希望这将是一个简单的交换，并以相同的方式填充 Highcharts，但事实并非如此。

在返回方法中，我有这个：

我在渲染方法中的选择是这样的：

这类作品。控制台日志确实打印了特定值，但如果我在系列中尝试它，比如 data:chartData[2].value 它不起作用。在使用 data: chartData 时，它会显示来自对象的正确数量的条目，作为类别（在本例中为 6 个不同的条目），但仅此而已。是解析错误还是有什么问题？

谢谢！

--

编辑：

好的，这就是它现在的样子，而且它有点工作。

在我的系列中：

视觉结果是 Highcharts 在响应给我的数组中添加了所有 6 个对象（显示 6 个类别）。但不显示这 6 个条目中的任何数据。它看起来像这样：

同时，当更改时间跨度（例如单击按钮以显示处理 HC 外部的 testChart 的前一周）时，这 6 个条目（以及因此在 HC 中的类别）会发生变化，正如预期的那样。所以这看起来像我需要走的路，但我如何让数据可见？我错过了什么？

如图所示，我想显示两个相邻的旭日形。我想用 Highchart 实现它并以这样的方式做出反应，

如果用户将鼠标悬停在一个旭日形图中的任何数据点上，相同的数据点应该在另一个图表上突出显示，而其他数据点只是进入禁用模式或将其颜色更改为白色

我正在尝试使用来自 highcharts 的加载选项。但我无法找到使用 highcharts-react-official 包的方法。