javascript - 飞越图表时出现此错误：TypeError: Cannot read property 'lineWidth' of undefined

Question

我正在使用 React 16，当我飞过图表时出现此错误：屏幕错误 我重新安装了库，但错误仍然存​​在。请问有人知道是什么吗？

TypeError：无法读取未定义的属性“lineWidth”

我的组件：

import HighchartsReact from 'highcharts-react-official';
import Highcharts from 'highcharts/highstock';

const options = {
   chart: {
       type: 'pie'
   },
   title: {
       text: 'Tableau de bord'
   },
   series: [
       {
       data: [1, 2, 1, 4, 3, 6]
       }
   ]
};
 
class WidgetIndicator extends Component {
   render() {
       return (
       <div className="widget-grid-content__indicator">
       <HighchartsReact
           highcharts={Highcharts}
           constructorType={'stockChart'}
           options={options}
       />
       </div>
       )
   };
}
 
export default WidgetIndicator;

标签： javascriptreactjshighcharts

Answer 1

该问题是一个 Highstock 错误，此处报告：https ://github.com/highcharts/highcharts/issues/13868

作为一种解决方法，禁用拆分工具提示并为标记非活动状态设置至少一个空配置对象：

    tooltip: {
        split: false
    },
    series: [{
        data: [1, 2, 1, 4, 3, 6],
        marker: {
            states: {
                inactive: {
                }
            }
        }
    }]

现场演示：http: //jsfiddle.net/BlackLabel/09z8tcnq/