Javascript ECharts-为ECharts.js创建dart js互操作

尝试使用dart js interop将starter图表示例从转换为dart，以便在颤振web扩展中使用。其想法是能够在颤振web应用程序中使用EChart，以利用EChart的WebGL图形渲染具有数百万点的实时绘图

以下是入门教程：

以下是echart.js：

从未用Javascript编写过代码。我对如何转换示例中的代码感到困惑：

    <script type="text/javascript">
        // based on prepared DOM, initialize echarts instance
        var myChart = echarts.init(document.getElementById('main'));

        // specify chart configuration item and data
        var option = {
            title: {
                text: 'ECharts entry example'
            },
            tooltip: {},
            legend: {
                data:['Sales']
            },
            xAxis: {
                data: ["shirt","cardign","chiffon shirt","pants","heels","socks"]
            },
            yAxis: {},
            series: [{
                name: 'Sales',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }]
        };

        // use configuration item and data specified to show chart
        myChart.setOption(option);
    </script>

我似乎找不到任何关于如何处理函数返回的变量的信息（在本例中是var myChart）。我在.js文件或其init函数中也找不到echart类

关于javascript和dart js互操作过程，我还不了解什么？ 任何建议都将不胜感激

若我的描述很糟糕，那个么我找到的关于这个过程的最好例子是：

@JS()
library echarts;

import 'package:js/js.dart';

@JS('echarts')
external dynamic init(String divId);
external void setOption(String option);