Почему echarts не отображаются в версии IE-11 - PullRequest
Новая
       41

Почему echarts не отображаются в версии IE-11

0 голосов
/ 05 февраля 2019

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

[объект Ошибка] {описание: "Ожидается") '", сообщение:" Ожидается ')' ", имя:" SyntaxError ", номер: -2146827282, стек:" SyntaxError ... ", Symbol () _ n.kyufm4c0tec: не определено, Symbol () _ p.kyufm4c0tec: не определено, Symbol():* Вот мой код: 

<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

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

1 Ответ

0 голосов
/ 23 августа 2019

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

{
    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
    ]
  },
...