Angularjs highchart不能在IE和Safari显示(Angularjs highch

2019-10-28 10:15发布

highchart不能在IE和Safari显示。 我试图从官方highchart论坛的解决方案,但没有帮助(负载删除“”在JSON的结束,或调整页面等...)我有多个不同的highcharts,但这里只有一个解释。 我打电话配置功能依赖于图表数据。 我的应用程序有许多不同的部分,这是非常努力地工作plunker。 日Thnx

这里是我的代码

function getBaseChartConfig(graphName) {
            Highcharts.setOptions({
                global: {
                    useUTC: false
                }
            });
            var config =
                    {
                        xAxis: {
                            ordinal: false
                        },
                        yAxis: {
                        },
                        options: {
                            chart: {
                                zoomType: 'x',
                                backgroundColor: 'rgba(255, 255, 255, 1)',
                                polar: true,
                                type: 'line',
                                borderRadius: 5

                            },
                            legend: {
                                enabled: true
                            },
                            rangeSelector: {
                                //za postavit rucni upis date range-a
                                enabled: false,
                                inputStyle: {
                                    color: 'black'
                                }
                            },
                            navigator: {
                                enabled: true
                            }
                        },
                        series: [],
                        title: {
                            text: graphName
                        },
                        useHighStocks: true
                    };
            return config;
        };
$scope.data.push(solar_voltage);
            $scope.data.push(battery_voltage);
            $scope.data.push(solar_current);
            $scope.data.push(hybridCurrent);
            $scope.chartConfig1 = getChartConfigWithYaxisPlotLines('Production');
            $scope.chartConfig1.series.push({
                id: 1,
                name: "Solar voltage",
                data: $scope.data[0],
                tooltip: {
                    valueDecimals: 2
                }
            }, {
                id: 2,
                name: "Battery voltage",
                data: $scope.data[1],
                tooltip: {
                    valueDecimals: 2
                }
            }, {
                id: 3,
                name: "Solar current",
                data: $scope.data[2],
                tooltip: {
                    valueDecimals: 2
                }
            }, {
                id: 4,
                name: "Hybrid current",
                data: $scope.data[3],
                tooltip: {
                    valueDecimals: 2
                }
            }
            );
 function getChartConfigWithYaxisPlotLines(graphName) {
            var baseChartConfig = getBaseChartConfig(graphName);
            baseChartConfig.yAxis.plotLines = [{
                    color: '#FF0000',
                    width: 1,
                    value: 11.50,
                    label: {text: '11.50'}
                }];
            return baseChartConfig;
        }

下面是图像如何看在Safari浏览器或IE

这里是在Chrome和Firefox

这是我的API JSON

文章来源: Angularjs highchart doesn't show in IE and SAFARI