How to use vue-echarts.js. Don't know how to call it.

vue and so on have been introduced

I don"t know how to call echarts,

<script src="/mint/vue-echarts.js"></script>



new Vue({
        el: "-sharpapp",
        data: {},
        mounted() {
            this.drawLine();
        },
        components:{
            VueECharts,
        },
        methods: {
            drawLine() {


                console.info(this);
                console.info(this.$echarts);

                return;
                // domecharts
                var myChart = this.$echarts.init(document.getElementById("main"))
                // 
                myChart.setOption({
                    title: {text: "Vueecharts"},
                    tooltip: {},
                    xAxis: {
                        data: ["", "", "", "", "", ""]
                    },
                    yAxis: {},
                    series: [{
                        name: "",
                        type: "bar",
                        data: [5, 20, 36, 10, 10, 20]
                    }]
                });
            }
        }
    })

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Apr.15,2022
Menu