问题标签 [react-highcharts]

我有一个使用 highmaps 的世界地图的基本表示。如果我有两种类型的地图，国家和大陆。

这就是我显示地图的方式。我想做的是用我想要的任何颜色为地图的某些特定部分着色。例如。我只想为欧洲而不是地图的其余部分着色，或者我只想为法国着色而让地图的其余部分不着色。我所做的是，将数据数组更改为具有对象

并改变了joinBy:['code']，但没有效果。请给我关于如何实现这一目标的想法/建议。

如上所述，当我使用 react-highchart 库时，我似乎无法重新渲染类别。我似乎能够设置图表值的数据，但我无法更改 xAxis 类别的值，不胜感激。我也在渲染方法中渲染高图。

配置代码

设置类别的代码不起作用

所以，这里真的很简单。我正在使用 React Highcharts Official，对于 ReactHighcharts 上的 options 属性，我想从另一个文件导入 graphOptions。

<ReactHighcharts highcharts={Highcharts} options={graphOptions} />

现在，这很容易，但是在我尝试导入的文件上，我有一个名为 this.addData() 的方法。

好的，所以我知道我可以在我的反应渲染区域中有这个文件，但是如果我在我的系列代码上有一个 this 语句，有没有办法在那里导入它，如上所示？

This is a straight forward question that's a little tricky to explain if you don't know highcharts. So, with a simple block lets say I want to write `

to insert into my highcharts series.
How do I do insert this into the series? I've tried JSON.parse() but it doesn't work....

Basically, I want to dynamically add data through an input field.

我在 react-redux 中使用 highcharts-react-official 来创建明细图。

但是，当我单击一个栏进行向下钻取时，我还更新了一些导致组件重新渲染的道具——这似乎阻止了向下钻取事件。

我在 react-highcharts 中动态地从更改系列数据中收集，而无需重新渲染图表，我应该使用 shouldComponentUpdate 和 getChart() 来防止重新渲染，而是动态更新数据。

我的问题是 getChart() 似乎不适用于官方的 highcharts react 包。我收到 Uncaught TypeError: this.refs.chart.getChart is not a function

有没有我打算用来获取和动态更新图表的替代方法？或者一些我可以看的例子？

在这里只包括 render 和 shouldComponentUpdate 部分：

我有一个显示每周支出的 highcharts 向下钻取柱形图，用户可以每周向下钻取以查看类别细分。除了图表，用户还可以过滤他们想要查看的类别，然后我们拉出过滤后的图表数据，并使用以下代码片段更新顶部和向下钻取的级别：

这可以很好地更新图表后面的数据，但是在图表已经向下钻取时运行它时表现得很奇怪。奇怪的是，我的意思是图表似乎保持向下钻取并显示“返回每周支出”按钮，但显示顶级数据

假设用户向下钻取并看到以下内容： 然后用户想要过滤掉杂货栏，然后我们去拉取那一周过滤的图表数据并排除杂货并更新图表。但是运行上面的代码片段然后显示顶级数据栏，而无需像这样向上钻取：

有没有办法让图表保持向下钻取并只更新查看的向下钻取数据集？我只尝试更新图表选项的“向下钻取”元素，但这只是将图表变为空白

我在我的应用程序中使用 Highcharts。在这里，我面临一个问题，例如，

我的 x 轴列表是，

我的对象喜欢，

我的图表格式像，

如何在图表工具提示中添加对象值。我已经添加了但是，它显示未定义。

任何帮助将不胜感激。

我在页面上使用带有 React 的官方 Highcharts 来显示不同的测量值。除了 IE11（如图）之外，一切正常，它在特定情况下会使浏览器崩溃。

在页面上，用户可以查看每日、每周、每月等的测量结果。然后，每个选项卡都会呈现带有所选时间数据的 Highcharts。即使在 IE11 中也可以正常工作，直到用户检查选项卡每月并以每小时视图查看图表（每月的标准视图是每日图表栏）。

当 Monthly -> Hourly 查看时，调用响应一个对象，其中包含大约 700 个数组（如果数据被选取）。我做了一个测试，我剥离了对该特定场景的响应，以便它只显示 50 个条目 = 仍然有点慢，但并没有冻结我。

我一直在研究这个，因为它也很符合我的问题，但没有运气： https ://github.com/highcharts/highcharts/issues/7725

此外，一直试图弄清楚如何为此提供一个小提琴，但该项目非常大，因此很难挑选一些零碎的东西。

所以这基本上只是一个喊声，看看是否有人有其他想法。这在 Chrome、Firefox 等中完美运行。我认为这可能与正在设置的类别数量有关，正如上面的 Github 问题所说。而且，我尝试过但没有运气（或者我做错了）。我将为 Highcharts 提供一组选项：

似乎 Highcharts 正在为大量数据点（2500+）跳过共享工具提示中的一些数据点。

我正在尝试使用 Highcharts 为 4 个系列渲染具有 2500 多个数据点的双轴图表。我还使用共享工具提示选项来呈现我的自定义工具提示 html。但有时 Highcharts 会在工具提示中跳过 1 或 2 个数据点。例如，当我从左到右慢慢地将鼠标悬停在每个点上时，我应该在“3 月 31 日”之后看到“4 月 1 日”。但相反，我看到的是“4 月 2 日”。它是一个错误吗？还是我错过了什么？（我已验证所有日期都存在于传递给 Highcharts 的类别中。）

预计会在“3 月 31 日”之后看到“4 月 1 日”数据点的工具提示。而是看到“4 月 2 日”数据点的工具提示。

需要为点标记添加单独的工具提示。

我正在使用十字准线在 Highcharts 中显示工具提示。此外，对于一些系列数据点，我添加了一个标记（黄色圆圈）。我想知道是否可以在标记点上专门悬停自定义工具提示，但我也想在同一点上保留正常的十字准线工具提示行为（即在相同数据的黄色标记区域外悬停时点，工具提示应该尊重工具提示格式化程序，并且准确地悬停在标记工具提示上应该显示与标记相关的不同文本）。有没有可能实现？

[我的意图是创建一个可悬停的注释标记，但同时保留同一点的默认工具提示行为]

请查看下面的图片以了解预期的行为。请忽略系列数据，因为它们是动态生成的，并且在每次页面刷新时都不同。我想要实现的是为“2019 年 1 月 5 日”数据点提供一个十字准线工具提示，并且当用户专门将鼠标悬停在同一数据点的“黄色”标记上时，还会显示不同的外观或自定义工具提示。

也欢迎任何与实现此目标的替代方法相关的建议。

这是我在系列数据中添加标记的方式：