Javascript浏览器检查器控制台vs源代码

时间:2017-05-20 21:57:55

标签: javascript firebug echarts

这是我的问题: 我正在玩ECharts JavaScript库,我想检索图像数据(我知道有一个保存为图像工具箱)。当我尝试访问函数getDataUrlgetConnectedDataUrl时,出现以下错误:

  

“myChart.getDataUrl不是函数”

但是当我尝试在浏览器(或Firebug)控制台上执行相同操作时,我会得到我想要的信息。当我在控制台上调用get_data()时也会收到我之前提到的错误。我很困惑。

我做错了什么?

有示例代码:

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <button type="button" onclick="get_data()">holi</button>

        <div id="main" style="width:400px;height:300px;"></div>
        <script src="echarts.min.js"></script>
        <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: 'Test'
                },
                tooltip: {},
                legend: {
                    data:['Cosas']
                },
                xAxis: {
                    data: ["asdf","qwerty","lol"]
                },
                yAxis: {},
                series: [{
                    name: 'Cosas',
                    type: 'bar',
                    data: [1, 3, 5]
                }],
                toolbox: {
                    show : true,
                    feature : {
                        mark : {show: false},
                        saveAsImage : {show: true, title: "save"}
                    }
                }
            };

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

            function get_data(){
                return myChart.getConnectedDataUrl();
            };
        </script>
    </body>
</html>

1 个答案:

答案 0 :(得分:0)

你刚刚错误拼写了函数名称。它们被称为getDataURL()getConnectedDataURL()(带有大写URL)。