Почему электронные диаграммы не отображаются в версии I.E-11

Я создал проект с использованием vuejs + Vue-CLI и интегрировал в него электронные диаграммы. Электронные диаграммы хорошо работают во всех браузерах, но когда я открываю их в версии IE-11, страница не загружается и показывает следующую ошибку:

[Ошибка объекта] {описание: «Ожидается ')'», сообщение: «Ожидается ')'», имя: «SyntaxError», номер: -2146827282, стек: «SyntaxError ...», Symbol () _ n.kyufm4c0tec: undefined, Symbol () _ p.kyufm4c0tec: undefined, Symbol () _ q.kyufm4c0tec: undefined, Symbol () _ r.kyufm4c0tec: undefined, Symbol (резервный язык) _m.kyufm4c0tec: undefined, Symbol (util.promisify.custom) _o. kyufm4c0tec: undefined}

Вот мой код:

<template>
    <ECharts :options="pie" style="width:300px; height:260px">
    </ECharts>
</template>

<script>
    import ECharts from "vue-echarts/components/ECharts.vue";
    import "echarts/lib/chart/pie";
    import "echarts/lib/component/title";

    export default {
        components: {
            ECharts
        },
        data() {
            return {
                pie: {
                    backgroundColor: "transparent",
                    tooltip: {
                        trigger: "item",
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    series: [{
                        name: "Product Sales",
                        type: "pie",
                        radius: ["50%", "70%"],
                        avoidLabelOverlap: false,
                        data: [{
                                value: 1,
                                name: "Product A"
                            },
                            {
                                value: 2,
                                name: "Product B"
                            },
                            {
                                value: 3,
                                name: "Product C"
                            }
                        ],
                        label: {
                            normal: {
                                show: false,
                                position: "center"
                            },
                            emphasis: {
                                show: true,
                                textStyle: {
                                    fontSize: "20",
                                    fontWeight: "bold"
                                }
                            }
                        },
                        labelLine: {
                            normal: {
                                show: false
                            }
                        }
                    }]
                }
            };
        }
    };
</script>

В чем проблема в браузере IE? Я также искал решение и пробовал, но не получил результата. Версии:

echarts-4.1.0, vue-echarts: 3.1.1

Любая помощь будет оценена по достоинству! Спасибо


vuejs2 vue-cli-3 internet-explorer-11 echarts
person Sukhpal Singh    schedule 05.02.2019    source источник
comment
Чтобы сузить круг вопросов, можете ли вы просто попробовать провести тест с диаграммами на своей веб-странице в IE 11? Я предполагаю, что вы используете библиотеку электронных диаграмм github (существует 2 версии электронных диаграмм). Если вы попытаетесь открыть электронные диаграммы с их сайтов в IE, вы обнаружите, что она работает правильно. Так что вполне возможно, что что-то еще может вызвать эту ошибку в IE 11.   -  person Deepak-MSFT    schedule 12.02.2019

Ответы (1)


arrow_upward
0
arrow_downward

Документация vue-echarts-v3 не сообщает об этом, но вы также должны добавить электронные диаграммы в конфигурацию вашего веб-пакета (или любого другого сборщика, который вы используете).

{
    test: /\.js$/,
    loader: 'babel-loader',
    include: [
      resolve('src'),
      resolve('test'),
      resolve('node_modules/vue-echarts-v3/src'), // Their suggestion https://www.npmjs.com/package/vue-echarts-v3
      resolve('node_modules/echarts/lib'), // Not suggested, but required as well
    ]
  },
person Cleriston    schedule 23.08.2019
comment
спасибо за ответ @Clerston, но я использую пакет vue-echarts, а не vue-echarts-v3 - person Sukhpal Singh; 19.10.2019