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

reactjs - 如何在 React Highchart 工具提示中添加按钮?

我正在尝试向高级图表工具提示添加一个按钮。但是我收到未捕获的 ReferenceError: showMoreDetails is not defined at HTMLButtonElement.onclick

以下是我用于图表选项的代码。我正在尝试使用工具提示格式化程序添加工具提示。请让我知道是否有在 React-highchart 工具提示上收听点击事件的解决方案

然后我将其作为选项传递给 React High-charts。

另一方面,当我在 onclick 中添加简单的 console.log 或 alert 时,它就像魅力一样。

请帮助我。提前致谢。

0 投票
1 回答
585 浏览

reactjs - 如何在 react-highstock 中绘制折线图和柱形图?

我正在尝试使用 react 在 highstock 的不同 y 轴上绘制折线图和柱形图。但是,折线图隐藏在柱形图后面。我可以在柱形图上显示折线图,如他们的示例双图表 - https://www.highcharts.com/demo/combo-dual-axes所示?

我添加了一个指向我的图表的链接以澄清我的问题。

有人可以帮忙吗?

谢谢。

0 投票
1 回答
400 浏览

highcharts - 应该使用 highchart 添加新节点而不改变现有节点的位置

Highcharts.chart('container', { chart: { type: 'networkgraph', ...

我在添加或修改节点时使用网络图,现有节点位置变化很大。如果我想要更改而不更改位置,我应该怎么做。

代码:

json:

在此处输入图像描述

在此处输入图像描述

那么请您告诉我我们如何实现这一目标。

0 投票
1 回答
284 浏览

javascript - Highcharts 缩放时显示滚动条

在 Highcharts 图表中使用 zoomType 为“x”进行缩放,似乎只裁剪给定坐标停靠点之间的数据区域。有没有办法放大并且仍然可以通过滚动获得所有数据?

https://jsfiddle.net/OysteinAmundsen/4x7yzu68/3/

上面的小提琴设置为最小宽度为 1057 像素,而容器的最大宽度为 800 像素。这会强制水平滚动条。如果您放大数据,请注意可用的滚动区域不会改变。这意味着数据不会被缩放,而是被裁剪和拉伸以填充该区域。

我知道有些事件我可以关注 - 重绘事件似乎是一个可能的候选者。也许我可以调整 minWidth 并取消裁剪缩放,或者是否有我缺少的配置可以做我想要的?

0 投票
2 回答
2304 浏览

highcharts - ReactJS 中的错误 - 找不到模块:无法解析“highcharts”

我在一些使用纯 Javascript 的项目中使用 Highcharts。现在我用 ReactJS 开始一个新项目,并在上面安装 highcharts。

但是当我开始使用项目时

我收到以下错误:

这是我使用命令时得到的

npm list -g --depth 0

我已经安装了 highcharts 和 highcharts-react-official,但问题仍然存在。

我该如何解决这个问题?

0 投票
1 回答
88 浏览

highcharts - 与 xrange 结合使用时 highcharts 奇怪的区域偏移错误

我有一个组合的 xrange 和面积图,我无法将面积图放到图表视图的底部。

这就是我想要的: 在此处输入图像描述 但这就是我得到的: 在此处输入图像描述

任何帮助将不胜感激。

https://jsfiddle.net/OysteinAmundsen/ad6shmL0/39/

0 投票
1 回答
2357 浏览

reactjs - 如何将导出功能添加到 React highcharts 中的自定义按钮?

我有这个项目,我正在尝试从图表外部实现导出 highchart 功能。

有什么办法可以实现吗?我正在使用 React highcharts,下载格式为 Jpeg 和 CSV。

提前致谢

0 投票
0 回答
126 浏览

reactjs - Highcharts-React 返回 Object 并且 React 给出错误 - React.createElement: type is invalid

我正在使用 Highchart-React-Official 在我的应用程序中呈现图表。此外,它是一个巨大的应用程序,所以我们不导入任何东西,我们使用插件的缩小版本来解决性能和安全问题。

下面是我的代码:

当我运行它时,我在控制台中收到以下错误:

警告:React.createElement:类型无效——需要一个字符串(对于内置组件)或一个类/函数(对于复合组件)但得到:对象。

HighchartsReact

当我为 HighchartsReact 进行控制台时,它给出了以下对象。

HighchartsReact - 对象

我为 React 和 ReactDom 使用未缩小的文件,并且非常了解当 React 创建一个元素时,它必须是字符串、类或函数。

我还查看了 Highcharts-React-Official 的源代码,它应该提供“div”,但在我的情况下,它提供了整个 HighchartsReact 对象及其所有方法。

我将非常感谢任何解决此问题的建议。

0 投票
1 回答
938 浏览

reactjs - ReferenceError:找不到变量:模块

我正在尝试在此之后的 react-native 应用程序中实现 highcharts 包装器

https://www.highcharts.com/blog/post/creating-mobile-charts-with-highcharts-react-native/

在设备上使用 expo start 运行应用程序时,它返回了以下错误

警告:%s:错误边界应实现 getDerivedStateFromError()。在该方法中,返回状态更新以显示错误消息或回退 UI。 RootErrorBoundary ReferenceError: Can't find variable: modules * App.js:21:8 in render

App.js 的第 21 行有 highcharts 容器 HighchartsReactNative

任何线索都会非常有帮助

0 投票
1 回答
477 浏览

highcharts - 我们如何为 highcharts-default-patterns 设置不同的颜色?

我想在堆积柱形图中显示所需颜色的斜条纹图案。我正在为其使用默认模式 url(#highcharts-default-pattern-0),但无法更改它的颜色,因为我希望这种模式具有各种颜色。

作为参考,我附上了我想使用斜条纹实现的图像。斜条纹列

我尝试使用模式填充来实现它,但无法获得它。

请提供您宝贵的意见。提前致谢!