问题标签 [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.
reactjs - highcharts 不显示折线图
我正在做一个任务,我在 ReactJS 应用程序中使用 highcharts。当我如下硬编码“数据”的值时,折线图显示
但是,如果我通过代码创建数据prices.push(value)
然后分配data : [this.prices]
它不起作用。
请注意,在调试时,我看到所有值都包含在价格中。可能是什么问题呢?
console.log(this.prices)
给我 -
完整代码是(它是一个获取加密货币历史价格的 React 组件)-
reactjs - 高图轴标签中的反应组件
我希望在 highchart 轴标签中使用反应组件。我尝试了许多不同的方法来实现这一点,但都没有成功。
这是我现在的位置:
我不断收到以下信息:
有人可以告诉我如何做到这一点吗?
非常感谢和欢呼!
javascript - 在 componentWillReceiveProps 期间添加 Series 不起作用
我已经有一段时间了,我很困惑。我有一个反应组件,它应该在收到道具时添加一个新系列,但是chart.getChart().addSeries({ data: [1, 2, 3, 4] })
没有在我的图表中显示新系列。但是,我还向添加新系列的组件添加了一个按钮onClick
,并且确实有效......下面是我的代码:
顺便说一句,我确实通过了if(data.length > 0)
声明,每当我将一组新的道具传递给我的组件时,我都会遇到这个问题。所以这不是组件安装问题(至少我认为不是)。关于为什么会发生这种情况的任何想法?
highcharts - 如何在 React highcharts 中获取 bar id?
我形成图表并具有这样的系列格式:
在 plotOptions 我创建了 onClick 事件:
时钟后我在日志中得到对象。除了 id: '001' 之外的所有信息。我怎么才能得到它?
charts - Highcharts areaspline,图表十字准线
大家好,我有这张图表 http://i.prntscr.com/U1ho1cqRTVq-ifoMquWKAw.png 我需要得到结果 http://i.prntscr.com/Lj_PqmNWSxiIBJmK3tS44Q.png
我认为在十字准线中解决此任务<但我一周前开始使用 highcharts。你能帮我或提供一些有助于解决问题的链接吗?因为我一整天都在重构很多代码,但没有找到任务的解决方案。
我的设置
};
数据 [] 我也从 api 和类别中获得,以及 min max 选项
javascript - react-highcarts 使用 es6 得到一些错误
我是反应库和 es6 的新手,我尝试构建一个显示数据的图表。我从创建 react 应用程序模板开始,然后我决定使用 highchart 并开始使用他们的 xrange 图表。我正在使用https://github.com/kirjs/react-highcharts库。
我的代码如下所示:
我的最终设计将导入一个默认模板并注入到组件属性中,例如标题和数据,以使其更加灵活。
我收到 2 个错误(我只是从 highcharts 网站复制 xrange 图表):
错误:Highcharts 错误 #17:www.highcharts.com/errors/17
TypeError:无法读取未定义的属性“销毁”
highcharts - HighCharts Polar Labels 在圆的扇区之间
我在极坐标图上使用 ReactHigh 图表,我希望我的标签出现在圆圈的各个扇区之间,它们出现在点上,但我不希望它们出现在那里。
JSfiddle:https ://jsfiddle.net/ra73mp0c/12/
预期结果:
请帮我 。
图的配置:
highcharts - react-highcharts Y轴类别以反应方式捕获事件点击
我正在使用 react-highcharts 并且试图找到一种在单击 Y 轴类别之一时触发事件的方法。我正在使用 xrange 图表。我想获取单击的值的偏移量。例如,如果我有:
如果我点击 CatB,我将得到 1。
我找到了一个 jquery 解决方案,它本身就给了我价值。获取所有元素并遍历它们并自己找到偏移量并不是问题。jquery的解决方法:
我正在为此寻找 react/react-highcarts 解决方案。
更新
谢谢卡米尔库利格!我在图书馆遇到了麻烦。我将库导入为
import HighchartsCustomEvents from 'highcharts-custom-events';
什么也没发生,我也在 componentWillMount 函数中添加了这段代码:
我看到了文档,但没有找到任何偏移函数,这意味着我还是使用 jquery 吗?或者你有什么想法吗?
reactjs - 如何在 BarChart React HIghCharts 中设置 Y 轴上的 PlotLines 样式?
我有一个条形图,在 Y 轴上我有三个绘图线,我可以更改标签的颜色和标签的样式,但我无法得到我想要的结果。
这是我想要的结果。
我想要 Highcharts Y 轴上 leftMost 标签的样式,请指导我如何实现这一点。
https://jsfiddle.net/h2ma08dd/
请随时编辑并帮助我实现这一目标。谢谢。