问题标签 [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 投票
5 回答
6000 浏览

javascript - 当 React 中的状态发生变化时,HighCharts 不会更新

我正在开发一个快速程序,该程序从酶反应中获取数据并将其绘制成图表。我遇到了这个问题,如果我在 props 中将数据传递给它,我的 highcharts 组件将不会更新。我可以看到状态中的数据在控制台中发生变化,但我在图表上看不到任何内容。

图表组件:

我传递道具的方式:

被传递的数组:

有任何想法吗?即使控制台告诉我状态已更改,我仍然在图表中看到 1、2、3

0 投票
1 回答
586 浏览

reactjs - 当其数据由第二个点击事件确定时,如何向下钻取到第三级?

所以,我一直在尝试使用向下钻取到多个级别,我面临的问题是我无法向下钻取到第三级,因为在第二次向下钻取选择时,ajax 将获取数据。

例如,参考这个链接:

https://codepen.io/ajaymalhotra15/pen/aZpxXq

在这里,第三级是可能的,因为他已经有了数据,但我的将取决于秒选择。

那么,如何实现这一点,我应该在哪里调用 ajax 请求并动态设置向下钻取系列数据?

编辑:

所以,如果你注意到plotoptions我正在尝试创建一个全新的图表,它是一个显示频率、电压和电流的同步折线图。

但是,我猜我的方法不正确,因为我正在绘制一个新的高图。那么,我如何使这个同步的折线图成为我的钻取的一部分。

如果您在理解方面需要任何帮助,请告诉我。

我会建议首先最小化plotoption. 然后扩展以进一步搞砸:P

谢谢。

0 投票
1 回答
439 浏览

react-native - 在highcharts的条形图中增加Xaxis标题的宽度

我正在尝试使用 Highcharts 的条形图。在下面的代码中,我们有 xaxis 类别,例如:['Name1', 'Name2', 'Name3', 'Name4' ]。

首先,我在 react native 中使用下面的 highcharts 代码来开发 iOS 应用程序。

我正在尝试将名称放在图表(条形图)中的每个单独的条上,这正在工作,但是当类别数组中的名称文本为 v.large 时,标题的宽度不会增加并且文本即将到来在具有最小宽度的多行中。如果名称是 v.large,那么只有我们在图表上得到虚线文本。

我们可以增加标题的宽度吗?如果是这样,我们如何增加 iPhone 宽度内的宽度。

对于示例,我从 Highcharts 中获取了一个图表,即条形图,在链接jsfiddle.net/psre6Lj9/1中,我们有一些水果名称,其中“Apples”宽度不够,并且文本显示在多行中。我想增加标题的宽度。我怎样才能做到这一点。

0 投票
1 回答
1212 浏览

javascript - Highcharts - 堆积列 - 为每个类别动态排序系列索引

我有一个场景,我正在绘制一个堆积柱形图,目前卡在一个点,我需要以特定顺序对系列进行排序,以防同一天有多个数据点。问题是,每天的系列顺序可能不同 - 我有下面的代码和示例 -

JSFiddle:http: //jsfiddle.net/arj_ary/4kz7rdpn/2/

要求:在上面的 JSFiddle 中,对于每个类别,我希望最低的数据点显示在顶部。所以对于苹果,我希望玛丽在顶部,因为它的值为 2。橙子和梨也是如此。

这可以实现吗?任何帮助表示赞赏。

0 投票
2 回答
4473 浏览

reactjs - 使用来自 highcharts-react-official 的 PieChart

是否有使用来自 highcharts-react-official [ https://www.npmjs.com/package/highcharts-react-official ]的 PieChart 的工作示例

在下面的链接中提到了 PieChart 标记,但我找不到任何工作示例: Setting Highcharts piechart chartDefaults from calling jsx file in React

下面的链接还有一个工作示例,但它不使用 PieChart 标签: https ://codesandbox.io/s/ovx6kqok​​qq

有人知道 PieChart 标签的示例吗?

谢谢。

0 投票
1 回答
891 浏览

javascript - 从面积样条图中删除线点

我需要从线条中删除点。我已经看到这个答案停止 HighCharts 在悬停时增加线的宽度但对我不起作用。

这是小提琴

这是我的代码

有人可以帮忙吗!!

0 投票
1 回答
305 浏览

javascript - 在 highcharts 中使用动态 html 渲染标题

我必须在图表后面的空格中添加一个数字。像这样的东西

在此处输入图像描述

这是小提琴

这是我的代码

我该怎么做?

0 投票
1 回答
895 浏览

javascript - 将 Highcharts 地图与反应组件集成

我正在尝试将highcarts集成到 react 组件中。

这是我的反应组件代码

但是上面的代码没有显示我的反应组件中的地图或任何错误。谁能帮助我我在这里缺少什么?

谢谢!!!

0 投票
1 回答
116 浏览

javascript - 需要加入x轴和y轴标签highcharts

我正在尝试加入面积样条图的 x 轴和 y 轴的节点。这是我的小提琴,我还需要在左下角移动标题和副标题,并且需要整合下拉菜单。基本上我需要这样的图表在此处输入图像描述

请帮忙谢谢!!!

0 投票
1 回答
581 浏览

csv - 从导出到 csv 中排除特定系列

我正在使用 HighCharts 库在仪表图中绘制一些数据。我的图表如下图所示。

在此处输入图像描述

为了实现这个图,我使用系列选项一起使用实心量规和量规,(半圆形的实心量规和表盘的量规。)

显然这两个系列的数据是相同的,所以当我将图表导出到 csv 文件中时,库创建了两列具有相同数据的列,我想改变这种行为并只导出一个系列,但经过大量搜索,我无法'在 highcharts 中找不到任何选项来排除特定系列。

在此处输入图像描述

我怎样才能做到这一点?(我不熟悉导出自定义,用很少的代码示例回答将非常适合开始创建我自己的。)