F7 with echarts

Questions
1

How F7 introduces the statistical framework of echarts

1553172067(1)
1553172067(1).png852×142 7.59 KB

2

just follow the echarts doc;

example:
jsfiddle

doc:
Get Started with ECharts in 5 minutes

3

Thanks, but I still have a question, how to import the echarts path to <template>

OR0WYH~%5B66I3N%5DC1W%24%7DA%40FD
OR0WYH~[66I3N]C1W$}[email protected]1124×578 20.5 KB

The previous example did not understand, is it like the require.js doing?

4

initialize echarts after page init, you must have the div in the dom before initializing echarts

var echarts = require('echarts');
<template>
...some code...
</template>
<script>
// initialize echarts instance with prepared DOM
var myChart = echarts.init(document.getElementById('main'));
// draw chart
myChart.setOption({
    title: {
        text: 'ECharts entry example'
    },
    tooltip: {},
    xAxis: {
        data: ['shirt', 'cardign', 'chiffon shirt', 'pants', 'heels', 'socks']
    },
    yAxis: {},
    series: [{
        name: 'sales',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
});
...more code...
</script>