问题标签 [react-highcharts]

how can I use chart tooltip formatter? I am using react wrapper for highcharts.
I have config like this:

But I can't access chart scope using this keyword and also I can't get point from tooltip param. Thanks

目标：创建两个线型的抓地力，另一个是列范围类型。我使用 react-highcharts、highcharts-more、highchartsExporting。两种情况下的 X 轴都是 type:datetime。并使用时间戳（毫秒）。

和

但我得到的是：

X 轴，不匹配，尽管设置相同。我不明白为什么。我认为填充有问题，但不，我有相等的填充。我需要你的帮助。

我在使用极坐标选项时遇到了一个非常奇怪的问题highcharts-more。这就是它的样子……

下面是我的完整代码（它包含在一个 React 组件中）

highchartsAreaThreshold设置为所有数据中的最小值（以便图表为负数据着色）。这很奇怪，因为这个确切的代码昨天确实有效。所以是随机的。我不知道我做错了什么。

编辑：这是一些示例数据（data1..data4 都看起来像这样）：

我只是尝试使用一个简单的数组而不是建议的二维向量数组，但我得到了相同的结果。

我使用 react-highcharts 创建了一个折线图。这就是它的外观：。现在，我正在尝试在该行下添加颜色填充渐变，这就是我正在做的事情：

我正在使渐变正常工作，但问题是我得到了一个没有尖峰的平面图表，如下所示：我希望我的图表看起来像以前的图表，但带有渐变颜色填充。

我设置gapUnit = 'value'为以gapSize毫秒为单位指定。这样做是这样的：

设置gapUnit打破了navigator底部。它仍然是空的。知道为什么吗？

例子

这是一个官方的工作示例。更改为时不再有效gapUnit：'value'https: //jsfiddle.net/stroobandt/f57qs9a4/

我想将拖放功能添加到沿 yAxis 的绘图线，因为我的图表是倒置的。

我发现了几个似乎让我非常接近解决方案的问题，但我无法使用 React-Highcharts 包巧妙地实施解决方案。

• https://stackoverflow.com/a/18484071/4567096。（http://jsfiddle.net/VXTeR/1/ - 来自答案的链接）
• 具有对数轴刻度的 HighCharts 可拖动绘图线（JSFiddle 链接：http: //jsfiddle.net/48awM/30/）

这两种解决方案都说明了一个非常可行的解决方案。我的问题是将解决方案翻译成React-Highcharts组件。

这是一个JSFiddle，它是我的图表的精简版。

以下是我当前的 yAxis 配置

以及我在 ReactHighcharts 组件文件中的内容

我尝试使用 redux 使我的系列数据具有单击事件，但是，当我尝试在回调中调度我的函数时遇到问题，我正在使用 React-Highcharts 库，我也尝试在组件之后访问图表已安装，但我不知道该怎么做，因为没有例子。

我正在尝试使用 HighCharts 制作一个简单的条形图。

我想删除栏之间的空间。我的研究使我相信这些属性groundPadding和pointPadding对这个空间负责。但是将两者都设置为0并没有改变任何东西。

有任何想法吗？

编辑：

不确定是否相关，但div我图表的红色是：

果岭div有尺寸：width: 350px和height: 400px

演示：https ://remove-space-between-bar-hbslv6.stackblitz.io

我在我的项目中使用react-highcharts。我想动态生成图表组件并根据用户的选择更改它们的数量。我编写了组件和函数，它获取数据并制作 highcharts 组件数组并返回它们：

在渲染期间我得到错误：

可能是什么原因？我该如何解决。

插入前

让 barchartdata = this.state.reports.chartslist.charts[0];

console.log("databarchart", this.state.reports.chartslist.charts[0]);

我可以得到数据。

barchartdata 也有以下响应：

必须指定配置错误