我正在使用 HighchartsReact 来呈现一些饼图，我需要为其添加自定义 css。

在没有反应的情况下，我使用了 div 的 id 来设置样式<div id="something"></div>

但现在在反应我正在使用类似的东西：

如何为此添加自定义类？

我试过了

但它没有用。

我引用了这个文档：https ://www.highcharts.com/blog/post/highcharts-wrapper-for-react-101/

我正在尝试将事件处理程序添加到 X 轴的 setExtremes。但是，每个缩放操作都会多次调用此事件处理程序，并且每当重绘图表时，触发此事件的次数就会增加。

当我有类似以下内容时：

我的控制台被这两个电话淹没了。如果我触发了足够多的图表更新，控制台看起来像这样（注意每个 console.log 都运行了 23 次）。

我查看了 Highcharts 文档，以及他们的论坛和其他 Stack Overflow 问题，试图找到与我的问题相关的内容，但似乎与此问题无关。

我应该怎么做才能解决这样的问题？

编辑：

我们正在使用地图扩展到 highcharts-react-official

这似乎只发生在鼠标滚轮缩放处理程序上，因为单击处理程序只会触发一次，无论图表刷新了多少次

我有一个 GatsbyJS 站点，遇到了一个问题，它找不到任何页面数据文件，也没有 componentDidMount() 触发。这只发生在生产中，它在本地工作得很好，无论是完整的构建还是gatsby develop.

重现步骤

这是我为此创建的演示页面：https ://gwhitworth-dev.azurewebsites.net/blog/2019/06/demo/

注意事项

• 有一个错误指出：Failed to load resource: the server responded with a status of 404 (Not Found) https://gwhitworth-dev.azurewebsites.net/page-data/blog/2019/06/demo/page-data.json
• componentDidMount()不会在本地执行的生产中触发，所以最终我认为这是问题所在，但不知道它是否与 page-data.json 有关

预期结果

图表应该像在本地一样在生产中呈现

实际结果

如果您打开上面的链接，您会看到虽然它在本地渲染，但没有渲染高图。

在此先感谢您的帮助。

当图表中的所有值都为 0 并且我没有最大轴值时，我将用空格代替条形图

我正在使用 React v16.7，我正在尝试将 React 组件注入到第三方 JS 库（即 Highcharts）中，该库需要我从函数返回 HTML。这就是我现在正在做的事情：

我在配置对象中传递这个函数，如下所示：

我遇到的问题mountPoint.innerHTML是空的。我发现ReactDOM.render()有时异步工作：

ReactDOM.render()当前返回对根ReactComponent实例的引用。然而，使用这个返回值是遗留的，应该避免，因为未来版本的 React 在某些情况下可能会异步渲染组件。如果您需要对根ReactComponent实例的引用，首选的解决方案是将回调引用附加到根元素。

在调试时，我这样做了：

如何强制ReactDOM.render()在同步环境中工作？令人费解的是，这return mountPoint.innerHTML在我们的应用程序的其余部分都有效，但似乎这种情况是唯一ReactDOM.render()选择异步呈现内容的地方。

我在反应中写了一个网格布局组件。在网格内部，我已经加载了高位图表，效果很好。在调整网格的宽度和高度时，高图表不会调整大小，并且在调整大小时会中断。我搜索了堆栈溢出，并在此处“使用 react-grid-layout 调整 highcharts 的大小不起作用”中找到了相同的问题。然后我才知道chart reflow当网格布局发生变化时，将调用该方法以使高图表适合网格。由于我是新来的反应，我不知道如何使它成为可能。帮我解决一些问题。

这是我尝试过的代码：

我正在尝试在我的应用程序中实现 React-Highcharts。我找不到在 x axios (HH:MM) 中设置时间的方法，我目前以毫秒为单位 (xx:xx:xx:xxx)。每个间隔必须在一分钟内增加（例如 12:00、12:01、12:02 等...）另一方面，在 Y axios 上，我需要它从 0 开始，然后增加 0.1。关于如何做到这一点的任何想法？谢谢！

这是代码：

我正在尝试使用类似的东西：如果您可以给我一个带有 react 和 packedbubble 的工作示例，那将非常有帮助。我正在使用 react 并尝试执行以下操作的问题：

我有一个图例项目相互重叠的图表（这是 itemDistance 选项设置为 20 的图像 - 显然项目之间的距离小于 20px，似乎 20px 是图例符号之间的项目距离）：

图表是固定的，只有在调整窗口大小后才能正确显示图例（完全相同的配置对象的图像 - 唯一的窗口已调整大小）：

我无法弄清楚我做错了什么，或者我是否刚刚在 Highcharts 中遇到了错误。我正在使用 Highcharts v. 7.2.0 和 HighchartsReactOfficial 库 v. 2.2.2。我的配置对象：

由渲染组件使用：

帮助将不胜感激。

在 react-native 项目中，我使用 npm 包“react-native-highcharts”来绘制条形图。我面临在条形图和 yaxis 标签之间添加填充的问题。

为了绘制图表，我使用的代码如下： https ://jsfiddle.net/y2uh60tc/

在移动设备中，如果我试图在 +/- 值中提供填充，它也不起作用。

有人可以帮我解决这个问题。