柱状图

$def with(sales_data)
// domechartsvar chart_1 = echarts.init(document.getElementById("sales_wrap"));
var option_1 = {
    title:{
        text:"XX",
        subtext:""
    },
    xAxis:{
        type:"category",
        data:["1","2","3"]
    },
    yAxis:{},
    series:[
        {
            "name":""type:"bar",
            data:[5.0,4.5,3.9]
        }
    ]
};

weixin_慕仙9081395 2022-04-20

源自：第3天 Python Web可视化实战 2-5 ECharts展示项目数据-柱状图

收起

1回答

好帮手慕美回答被采纳获得+3积分 2022-04-21 10:34:30

同学，你好！引号后边是需要加逗号的

祝学习愉快！

收起回答

weixin_慕仙9081395 提问者 #1

webxlrd


urls = (
    )
app = web.application(urls())
render = web.template.render()

index:
    ():
        i = web.input(= )
        render.index(= i.name)

chart:
    ():
        work_book = xlrd.open_workbook()
        work_sheet_1 = work_book.sheet_by_index()
        sales_data = {
            :work_sheet_1.row_values():work_sheet_1.row_values()
        }


        render.chart(= sales_data )
__name__ == :
    app.run()

这是6.1的文件

$def with(sales_data)
// domechartsvar chart_1 = echarts.init(document.getElementById("sales_wrap"));
var option_1 = {
    title:{
        text:"XX",
        subtext:""
    },
    xAxis:{
        type:"category",
        data:["1","2","3"]
    },
    yAxis:{},
    series:[
        {
            "name":"",
            type:"bar",
            data:[5.0,4.5,3.9]
        }
    ]
};

这是chart文件

为什么我还是失败了

2022-04-21 11:13:17

														好帮手慕美
																																																								
																																																								回复
																												提问者
																																										weixin_慕仙9081395
																																																								#2
													

同学，你好！

1、6.1文件代码是乱码，可以重新提供一下。

2、html文件中看下最后是否写了chart_1.setOption(option_1);

同学可以根据下述正确的代码修改下：

6-1.py

class chart:
    def GET(self):
        ##读取excel数据
        work_book = xlrd.open_workbook("data.xls")
        work_sheet_1 = work_book.sheet_by_index(0)
        sales_data = {
            "category": work_sheet_1.row_values(0),
            "data":work_sheet_1.row_values(1)
        }
        return render.chart(sales_data=sales_data)

charrt.html

$def with(sales_data)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="static/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12" id="sales_wrap" style="min-height: 400px;">
        </div>
    </div>
</div>
<script src="static/jquery.min.js"></script>
<script src="static/bootstrap.min.js"></script>
<script src="static/echarts.min.js"></script>
<script type="text/javascript">
    var chart_1 = echarts.init(document.getElementById("sales_wrap"));
    var option_1 = {
        title: {
            text: "XX",
            subtext: ""
 },
        xAxis: {
            type: "category",
            data: ["1", "2", "3"]
        },
        yAxis: {},
        series: [
            {
                "name": "",
                type: "bar",
                data: [5.0, 4.5, 3.9]
            }
        ]
    };
    chart_1.setOption(option_1);
</script>
</body>
</html>

祝学习愉快！

2022-04-21 13:06:26