关于Echarts使用本地文件时出现的问题

最新推荐文章于 2024-05-20 20:00:00 发布

liu123_4

最新推荐文章于 2024-05-20 20:00:00 发布

阅读量1.2k

点赞数 2

文章标签：数据可视化 html

本文链接：https://blog.csdn.net/liu123_4/article/details/111937061

版权

官方的文件里面有毒，要去下载Echarts.min.js才有用。

报错类型：
echarts is not defined
ncaught SyntaxError: Cannot use import statement outside a module
等几个报错
有人会让你写上绝对路径啥的别信，多半不能用。
你只需要去官方的GitHub里的dist文件夹下载Echarts.min.js就可以了
贴一下网址：
点这里跳转
下载好之后修改scrip标签里的src就行了。搞定
贴下代码顺便

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <!--引入Echarts文件-->
        <script src="echarts.min.js"></script>
    </head>
<body>
    <!--为ECharts准备一个具备大小的DOM-->
    <div id="main" style="width: 600px;height: 400px;"></div>
    <script type="text/javascript">
    //基于准备好的dom，初始化echarts实例；
    var myChart=echarts.init(document.getElementById("main"));
    var option={
        title:{
            text:'我的第一次可视化'
        },
        tooltip:{},
        legend:{
            data:['各产品销售情况']
        },
        xAxis:{
            data:['A','B','C','D','E']
        },
        yAxis:{},
        series:[{
            name:'销量',
            type:'bar',
            data:[900,700,550,1000,200]
        }]
    };
    myChart.setOption(option);
        </script>
    <script src="echarts.js"></script>
</body>
</html>

liu123_4

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
关于Echarts使用本地文件时出现的问题

官方的文件里面有毒，要去下载Echarts.min.js才有用。报错类型：echarts is not definedncaught SyntaxError: Cannot use import statement outside a module等几个报错有人会让你写上绝对路径啥的别信，多半不能用。你只需要去官方的GitHub里的dist文件夹下载Echarts.min.js就可以了贴一下网址：点这里跳转下载好之后修改scrip标签里的src就行了。搞定贴下代码顺便<!DOCT
复制链接

扫一扫