加油啊哈少女 2022-05-10 15:35 采纳率: 100%
浏览 372
已结题

引入echarts后绘制图表无法显示,采纳如何解决?(开发工具-pycharm)

看网页教程尝试绘制图表然后出现了错误,代码并没有写错

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="{{url_for('static',filename='echarts.js')}}"></script>
</head>
<body>
 <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
      var myChart = echarts.init(document.getElementById('main'));
      var option = {
        "title": {
          "text": 'ECharts 入门示例'
        },
        "tooltip": {},
        "legend": {
          "data": ['销量']
        },
        "xAxis": {
          "data": ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
        },
        "yAxis": {},
        "series": [
          {
            "name": '销量',
            "type": 'bar',
            "data": [5, 20, 36, 10, 10, 20]
          }
        ]
      };
      myChart.setOption(option);
    </script>
</body>
</html>


from flask import Flask, render_template
app = Flask(__name__)

@app.route("/")
def home():
    return render_template("helloEcharts.html")
if __name__ == '__main__':
    #app.run(debug = True)
    app.run(host='127.0.0.1', port=5000, debug=True)

运行结果报错内容:

img

img

img

我的解答思路和尝试过的方法 :重新在网页下载了echarts.js导入没有用

img

存放位置正确的

我想要达到的结果:找出问题所在并成功绘制图表
  • 写回答

3条回答 默认 最新

  • 溪风沐雪 2022-05-10 15:40
    关注

    echarts的js文件引入有问题吧

    <script src="{{url_for('static',filename='echarts.js')}}"></script>
    先直接写相对路径试试
    
    <script src="../static/echarts.js"></script>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
  • CupidoZ 2022-05-10 16:36
    关注

    路径问题

    评论
  • EdsionWang 2022-05-10 16:52
    关注

    你可能是把echarts的源代码放到你的静态文件里面了。用echarts.min.js里面的内容替代即可。
    把下面连接里面的代码复制,替换掉你的echart.js
    https://github.com/apache/echarts/blob/5.3.2/dist/echarts.min.js

    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 5月10日
  • 已采纳回答 5月10日
  • 修改了问题 5月10日
  • 创建了问题 5月10日

悬赏问题

  • ¥15 单点式登录SSO怎么爬虫获取动态SSO_AUTH_ACCESS_Token
  • ¥15 MATLAB中的fft问题
  • ¥30 哈夫曼编码译码器打印树形项目
  • ¥20 求完整顺利登陆QQ邮箱的python代码
  • ¥15 怎么下载MySQL,怎么卸干净原来的MySQL
  • ¥15 网络打印机Ip地址自动获取出现问题
  • ¥15 求局部放电案例库,用于预测局部放电类型
  • ¥100 QT Open62541
  • ¥15 stata合并季度数据和日度数据
  • ¥15 谁能提供rabbitmq,erlang,socat压缩包,记住版本要对应