angularjs, HighCharts (Aw, Snap!) 崩溃

Posted 2023-03-07

【中文标题】angularjs, HighCharts (Aw, Snap!) 崩溃

【英文标题】：angularjs, HighCharts (Aw, Snap!) crash

【发布时间】：2019-01-09 06:02:00

【问题描述】：

当我尝试点击 highchart 图表图例时，它显示错误 Aw，在 chrome 中对齐，在 Firefox 中显示图表需要很长时间

在附加的图像中可以看到错误和highcharts的图例：

【问题讨论】：

如果您使用 --enable-logging --v=1 标志启动 Chrome，您可以尝试查看崩溃日志，您可以从 Chrome 的用户数据目录中找到更多信息

您能告诉我 Highcharts 的哪个版本，以及您运行的是哪个操作系统吗？另外，请提供浏览器版本和图表配置。

【参考方案1】：

请更新您的谷歌浏览器。 此代码最适合您：

$(function () 
        var data = 
          "xCategories": ["Oct 13","Nov 13","Dec 13","Jan 14"],
          "ySeries": [
            
              "name": "Product1",
              "data": [11023.06902288,1059.48907912,1269.79964983,1620.3101287],
              "type": "column"
            ,
            
              "name": "Total volume",
              "data": [2185819284,2101885633.7272727,2553791958.4090905,3229867446],
              "type": "spline",
              "yAxis": 1
            
          ],
        ;

    $('#container').highcharts(
            chart: 
                animation: false,
                type: 'column'
            ,
            title: text: null,
            xAxis: 
                title: text: 'month',
                categories : data.xCategories
            ,
            yAxis: [
                title: text: 'Monthly spend ($)'
            ,
                title: text: 'volume', opposite: true
            ],
            tooltip: 
                shared: true,valueDecimals: 2,valuePrefix: '$'
            ,
            plotOptions: 
                column: stacking: 'normal',
                spline: 
                    tooltip: valuePrefix: '', valueSuffix: ' units.', valueDecimals: 0
                ,
                series : animation: false
            ,
            series: data.ySeries
        );
);

<script
  src="https://code.jquery.com/jquery-2.2.4.min.js"
  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
  crossorigin="anonymous"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>