问题标签 [react-highcharts]

尝试运行下一个示例http://kirjs.github.io/react-highcharts

卡住了线：

没有它，得到错误

有了它，显然得到

所以，真正的问题是如何包含 HighchartsAdapter。

PS这个问题的标题不同，因为这是我最初的谷歌请求。而且我并不孤单https://github.com/kirjs/react-highcharts/search?q=Cannot+set+property+%27HighchartsAdapter%27+of+undefined&type=Issues&utf8=%E2%9C%93

我使用kirjs/react-highcharts插件进行反应，但我不知道如何获取 Highchart 组件以便调用reflow如下：$('#container1').highcharts().reflow()

从文档中可以看出：

要访问 Highcharts 库中的方法和属性，您可以使用 ReactHighcharts.Highcharts。例如，Highcharts 选项可通过 ReactHighcharts.Highcharts.getOptions() 获得。

但我没有看到任何reflow()方法。

有任何想法吗？

编辑

它位于下面，ReactHighcharts.Highcharts.charts所以我可以打电话

但它有所有 highchart 实例的列表，所以我不知道我的索引是什么

我正在使用 react-highcharts。除了 nodata 状态外，它工作得很好。当图表有空数据时，我需要显示“无可用数据”消息。

我检查了官方 highcharts 的 no-data-to-display.js，但它不适用于 React。我想做这样的结果：http: //jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/no-data-to-显示/无数据饼图/

我使用的是react0.13.3、3.0.0react-highcharts版和highcharts-no-data-to-display0.1.2 版

我正在使用 react-highchart 。滚动条功能似乎不起作用。下面是一段代码。滚动条在 xaxis 中启用，它似乎没有滚动。

请参考 highcharts 实现：

http://jsfiddle.net/gh/get/jquery/1.7.2/highcharts/highcharts/tree/master/samples/stock/yaxis/inverted-bar-scrollbar/

我在我的反应应用程序中制作了一个 highcharts 柱形图，现在正在尝试向图表添加一个 onClick 事件。我的目的是当用户点击一个列时，我可以获得X和Y轴的值，然后从页面调用一个函数。

onClick事件是使用plotoptions实现的，如下：

这样做的问题是我可以调用该函数，但我无法访问该列的值。

所以，我试试这个：

这样，我可以通过this但不能调用该函数来访问列上的值，因为它不包含当前页面对象。

我的问题是，如何将两者结合起来，以便访问所选列的值并调用页面上的函数？

我试过这个：

这给了我 onClick 事件和列，但不是当前页面对象。

我也试过这个：

但这也没有给我我需要的东西。

我相信这不是很难，我只是找不到它，或者正确的搜索词......

我正在尝试在我的 Web 应用程序中创建一个带有 Highcharts 的条形图，该应用程序在前端使用 React。下面是我的 dashboard.tsx 文件的片段，我基本上只是从 JSFiddle ( http://jsfiddle.net/8qjcz4q0/ ) 中复制并粘贴了代码，该代码使用 Highcharts 呈现了一个简单的条形图，但由于某种原因它不是工作，我在控制台中收到一个错误（Highcharts 错误 #13），渲染 div 没有显示。

我怀疑 HTML id 属性不适用于 React，但我不知道 Highcharts 是否可以渲染到类而不是 id。

I'm trying to draw

• a Highcharts graph
• in a React app
• with error bars

I can draw an ordinary chart easily enough using ReactHighcharts, and get it to update when my React state changes. However, adding error bars just doesn't seem to work at all.

A simple example of my code is shown below: I've based it on the main Highcharts errorbar example at: http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/error-bar/

If I do not include the highcharts-more library, I get an error "The requested series type does not exist". But even when I do include the highcharts-more import, the error bars simply do not render. I get the chart shown without any error bars, as shown in the attached image.

I feel like I've tried everything, I'd really appreciate any help anyone could offer.

Thanks,

我使用react-highcharts在我的仪表板页面中创建一个 SolidGauge。

并绘制圆边。

所以，我将 plotOptions.rounded 设置为 true。

代码：

它在具有相同配置设置的官方jsfiddle中工作。

但 ReactHighcharts 不起作用。

有没有人有建议或可以提供帮助？

感谢您提供任何帮助。

07/14 更新

代码：

有没有办法获取 highcharts-grid 的 xPosition 或获取它与 Highchart xPosition 的距离？

我想将页面中的元素与实际网格对齐。问题是 yAxis 信息大小发生了变化。

请参阅以下示例：

和：

这个问题是对In high chart how to add event for label click的跟进

有没有办法使总和数（即 10,9,11,11,8）如http://jsfiddle.net/t07ok5v3/5/所示可点击？（即向“9”添加与“Oranges”标签相同的功能）。如果顶部每列只有一个数字代表总和怎么办？ 以下代码是答案中给出的添加标签点击的代码。

更新：我已经使 stackLabels 看起来都是可点击的（他们现在有光标“指针”，请参见下面的 jsfiddle 链接）。 现在我只需将点击事件的实际功能添加到 stackLabel。有人可以帮我解决这个问题?

http://jsfiddle.net/w291/gc1fdd1v/

注意：我无法在我使用的开发环境中访问 jquery。

更新2：this other question的答案似乎解决了我的问题[到目前为止]（如果可行，我将用我的解决方案更新帖子）：点击图表上的点击事件