利用ECharts和Python接口生成水平柱状图的方法

import pandas as pd# 读取数据df = pd.read_csv('成绩表.csv')# 将姓名作为索引df.set_index('姓名', inplace=True)# 取出各科成绩chinese = df['语文']math = df['数学']english = df['英语']# 计算平均成绩average = df.mean(axis=1)

    <meta charset="utf-8"><title>水平柱状图示例</title><script src="https://cdn.staticfile.org/echarts/5.0.2/echarts.min.js"></script><div id="main" style="height: 500px;"></div>    <script>        // 初始化echarts实例        var myChart = echarts.init(document.getElementById('main'))        // 配置项        var option = {            title: {                text: '某班级成绩'            },            tooltip: {},            legend: {                data:['语文', '数学', '英语', '平均分']            },            xAxis: {                type: 'value',                axisLabel: {                    show: false                }            },            yAxis: {                type: 'category',                data: ['张三', '李四', '王五', '赵六']            },            series: [                {                    name: '语文',                    type: 'bar',                    stack: '总成绩',                    label: {                        show: true,                        position: 'right'                    },                    data: chinese                },                {                    name: '数学',                    type: 'bar',                    stack: '总成绩',                    label: {                        show: true,                        position: 'right'                    },                    data: math                },                {                    name: '英语',                    type: 'bar',                    stack: '总成绩',                    label: {                        show: true,                        position: 'right'                    },                    data: english                },                {                    name: '平均分',                    type: 'bar',                    stack: '总成绩',                    label: {                        show: true,                        position: 'right'                    },                    data: average                }            ]        };        myChart.setOption(option)    </script>