问题标签 [react-highcharts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
287 浏览

reactjs - highcharts 不显示折线图

我正在做一个任务,我在 ReactJS 应用程序中使用 highcharts。当我如下硬编码“数据”的值时,折线图显示

但是,如果我通过代码创建数据prices.push(value)然后分配data : [this.prices]它不起作用。

请注意,在调试时,我看到所有值都包含在价格中。可能是什么问题呢?

console.log(this.prices)给我 -

完整代码是(它是一个获取加密货币历史价格的 React 组件)-

0 投票
0 回答
741 浏览

reactjs - 高图轴标签中的反应组件

我希望在 highchart 轴标签中使用反应组件。我尝试了许多不同的方法来实现这一点,但都没有成功。

这是我现在的位置:

我不断收到以下信息:

有人可以告诉我如何做到这一点吗?

非常感谢和欢呼!

0 投票
1 回答
166 浏览

javascript - 在 componentWillReceiveProps 期间添加 Series 不起作用

我已经有一段时间了,我很困惑。我有一个反应组件,它应该在收到道具时添加一个新系列,但是chart.getChart().addSeries({ data: [1, 2, 3, 4] })没有在我的图表中显示新系列。但是,我还向添加新系列的组件添加了一个按钮onClick,并且确实有效......下面是我的代码:

顺便说一句,我确实通过了if(data.length > 0)声明,每当我将一组新的道具传递给我的组件时,我都会遇到这个问题。所以这不是组件安装问题(至少我认为不是)。关于为什么会发生这种情况的任何想法?

0 投票
0 回答
164 浏览

highcharts - Highcharts - 每列标题

我目前在 React 应用程序中使用 Highcharts 来显示 2 列数据。

我有一个要求为每一列附加一个标题,理想情况下我需要做这样的事情 -

在此处输入图像描述

我正在考虑尝试使用注释并将它们设置为看起来像标题,但是无法让它发挥作用。这种效果可能吗?

0 投票
1 回答
193 浏览

highcharts - 如何在 React highcharts 中获取 bar id?

我形成图表并具有这样的系列格式:

在 plotOptions 我创建了 onClick 事件:

时钟后我在日志中得到对象。除了 id: '001' 之外的所有信息。我怎么才能得到它?

0 投票
0 回答
194 浏览

charts - Highcharts areaspline,图表十字准线

大家好,我有这张图表 http://i.prntscr.com/U1ho1cqRTVq-ifoMquWKAw.png 我需要得到结果 http://i.prntscr.com/Lj_PqmNWSxiIBJmK3tS44Q.png

我认为在十字准线中解决此任务<但我一周前开始使用 highcharts。你能帮我或提供一些有助于解决问题的链接吗?因为我一整天都在重构很多代码,但没有找到任务的解决方案。

我的设置

};

数据 [] 我也从 api 和类别中获得,以及 min max 选项

0 投票
1 回答
454 浏览

javascript - react-highcarts 使用 es6 得到一些错误

我是反应库和 es6 的新手,我尝试构建一个显示数据的图表。我从创建 react 应用程序模板开始,然后我决定使用 highchart 并开始使用他们的 xrange 图表。我正在使用https://github.com/kirjs/react-highcharts库。

我的代码如下所示:

我的最终设计将导入一个默认模板并注入到组件属性中,例如标题和数据,以使其更加灵活。

我收到 2 个错误(我只是从 highcharts 网站复制 xrange 图表):

  1. 错误:Highcharts 错误 #17:www.highcharts.com/errors/17

  2. TypeError:无法读取未定义的属性“销毁”

0 投票
1 回答
292 浏览

highcharts - HighCharts Polar Labels 在圆的扇区之间

我在极坐标图上使用 ReactHigh 图表,我希望我的标签出现在圆圈的各个扇区之间,它们出现在点上,但我不希望它们出现在那里。

JSfiddle:https ://jsfiddle.net/ra73mp0c/12/

我还想要每个标签上的背景颜色。截至目前的图表: 在此处输入图像描述

预期结果:

在此处输入图像描述

请帮我 。

图的配置:

非常感谢,如果您可以编辑小提琴链接https://jsfiddle.net/ra73mp0c/12/将会很有帮助

0 投票
1 回答
800 浏览

highcharts - react-highcharts Y轴类别以反应方式捕获事件点击

我正在使用 react-highcharts 并且试图找到一种在单击 Y 轴类别之一时触发事件的方法。我正在使用 xrange 图表。我想获取单击的值的偏移量。例如,如果我有:

如果我点击 CatB,我将得到 1。

我找到了一个 jquery 解决方案,它本身就给了我价值。获取所有元素并遍历它们并自己找到偏移量并不是问题。jquery的解决方法:

我正在为此寻找 react/react-highcarts 解决方案。

更新

谢谢卡米尔库利格!我在图书馆遇到了麻烦。我将库导入为

import HighchartsCustomEvents from 'highcharts-custom-events';

什么也没发生,我也在 componentWillMount 函数中添加了这段代码:

我看到了文档,但没有找到任何偏移函数,这意味着我还是使用 jquery 吗?或者你有什么想法吗?

0 投票
0 回答
157 浏览

reactjs - 如何在 BarChart React HIghCharts 中设置 Y 轴上的 PlotLines 样式?

我有一个条形图,在 Y 轴上我有三个绘图线,我可以更改标签的颜色和标签的样式,但我无法得到我想要的结果。

这是我想要的结果。

在此处输入图像描述

我想要 Highcharts Y 轴上 leftMost 标签的样式,请指导我如何实现这一点。

https://jsfiddle.net/h2ma08dd/

请随时编辑并帮助我实现这一目标。谢谢。