Highcharts + Webpack弄乱了图表渲染

时间:2018-11-18 20:20:00

标签: javascript webpack highcharts webpack-4 react-highcharts

webpack提供的捆绑软件使我的图表之一与通过热重载在开发模式下看到的图表完全不同,并且无论如何都希望保持一致。

它特定于class MyApp extends StatefulWidget{ @override MyAppState createState() => new MyAppState(); } class MyAppState extends State<MyApp>{ @override Widget build(BuildContext context) { return new Scaffold(...); } } type的{​​{1}}图表area,我使用了许多其他图表,并且所有这些图表在{{1} }和polar模式。

这是我在true中得到的东西,以及我期望从捆绑中得到的东西:

exec family

这是浏览Webpack捆绑包后得到的:

expected render

这是应用于其的highcharts配置:

enter image description here

我使用的webpack配置:

https://gist.github.com/sylv3r/6533e240107be42526ea77ea6ab5a13d

软件包版本:

dev

我知道这是一个奇怪且具体的问题,但是任何线索都将不胜感激,我被困住了。

1 个答案:

答案 0 :(得分:1)

"highcharts-more": "^0.1.7"软件包已被弃用。您应该从highcharts文件夹中导入该模块:

import Highcharts from "highcharts/highstock";
import highchartsMore from "highcharts/highcharts-more";
import HighchartsReact from "highcharts-react-official";

highchartsMore(Highcharts);

实时演示: https://codesandbox.io/s/highcharts-react-demo-x10xx