问题标签 [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 - 如何在 React Highchart 工具提示中添加按钮?
我正在尝试向高级图表工具提示添加一个按钮。但是我收到未捕获的 ReferenceError: showMoreDetails is not defined at HTMLButtonElement.onclick
以下是我用于图表选项的代码。我正在尝试使用工具提示格式化程序添加工具提示。请让我知道是否有在 React-highchart 工具提示上收听点击事件的解决方案
然后我将其作为选项传递给 React High-charts。
另一方面,当我在 onclick 中添加简单的 console.log 或 alert 时,它就像魅力一样。
请帮助我。提前致谢。
reactjs - 如何在 react-highstock 中绘制折线图和柱形图?
我正在尝试使用 react 在 highstock 的不同 y 轴上绘制折线图和柱形图。但是,折线图隐藏在柱形图后面。我可以在柱形图上显示折线图,如他们的示例双图表 - https://www.highcharts.com/demo/combo-dual-axes所示?
有人可以帮忙吗?
谢谢。
javascript - Highcharts 缩放时显示滚动条
在 Highcharts 图表中使用 zoomType 为“x”进行缩放,似乎只裁剪给定坐标停靠点之间的数据区域。有没有办法放大并且仍然可以通过滚动获得所有数据?
https://jsfiddle.net/OysteinAmundsen/4x7yzu68/3/
上面的小提琴设置为最小宽度为 1057 像素,而容器的最大宽度为 800 像素。这会强制水平滚动条。如果您放大数据,请注意可用的滚动区域不会改变。这意味着数据不会被缩放,而是被裁剪和拉伸以填充该区域。
我知道有些事件我可以关注 - 重绘事件似乎是一个可能的候选者。也许我可以调整 minWidth 并取消裁剪缩放,或者是否有我缺少的配置可以做我想要的?
highcharts - ReactJS 中的错误 - 找不到模块:无法解析“highcharts”
我在一些使用纯 Javascript 的项目中使用 Highcharts。现在我用 ReactJS 开始一个新项目,并在上面安装 highcharts。
但是当我开始使用项目时
我收到以下错误:
这是我使用命令时得到的
npm list -g --depth 0
我已经安装了 highcharts 和 highcharts-react-official,但问题仍然存在。
我该如何解决这个问题?
highcharts - 与 xrange 结合使用时 highcharts 奇怪的区域偏移错误
我有一个组合的 xrange 和面积图,我无法将面积图放到图表视图的底部。
任何帮助将不胜感激。
reactjs - 如何将导出功能添加到 React highcharts 中的自定义按钮?
我有这个项目,我正在尝试从图表外部实现导出 highchart 功能。
有什么办法可以实现吗?我正在使用 React highcharts,下载格式为 Jpeg 和 CSV。
提前致谢
reactjs - Highcharts-React 返回 Object 并且 React 给出错误 - React.createElement: type is invalid
我正在使用 Highchart-React-Official 在我的应用程序中呈现图表。此外,它是一个巨大的应用程序,所以我们不导入任何东西,我们使用插件的缩小版本来解决性能和安全问题。
下面是我的代码:
当我运行它时,我在控制台中收到以下错误:
警告:React.createElement:类型无效——需要一个字符串(对于内置组件)或一个类/函数(对于复合组件)但得到:对象。
当我为 HighchartsReact 进行控制台时,它给出了以下对象。
我为 React 和 ReactDom 使用未缩小的文件,并且非常了解当 React 创建一个元素时,它必须是字符串、类或函数。
我还查看了 Highcharts-React-Official 的源代码,它应该提供“div”,但在我的情况下,它提供了整个 HighchartsReact 对象及其所有方法。
我将非常感谢任何解决此问题的建议。
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
任何线索都会非常有帮助
highcharts - 我们如何为 highcharts-default-patterns 设置不同的颜色?
我想在堆积柱形图中显示所需颜色的斜条纹图案。我正在为其使用默认模式 url(#highcharts-default-pattern-0),但无法更改它的颜色,因为我希望这种模式具有各种颜色。
我尝试使用模式填充来实现它,但无法获得它。
请提供您宝贵的意见。提前致谢!