我正在尝试使用HighCharts React和NextJS呈现HighCharts Sankey图表。我已经按照HighChart的文档中的说明添加了Sankey模块,但是页面失败,并显示以下错误:
TypeError: Cannot read property 'Core/Series/Point.js' of undefined
错误似乎发生在addSankeyModule
,在图表实际初始化之前。下面是我的模块代码:
import React from "react"
import Highcharts from "highcharts"
import HighchartsReact from "highcharts-react-official"
import addSankeyModule from "highcharts/modules/sankey"
addSankeyModule(Highcharts)
const options = {
// omitted for brevity
}
const DependenciesChart: React.FC = () => (
<HighchartsReact highcharts={Highcharts} options={options} />
)
export default DependenciesChart
1条答案
按热度按时间vwkv1x7d1#
NextJS运行代码两次:首先在服务器上,然后在客户端的浏览器中。这个错误发生在前面的情况下,Sankey试图在服务器上初始化自己,但失败了,因为它需要一个真实的的浏览器。
要解决此问题,可以使用以下检查条件,仅在浏览器中添加模块: