首頁 > 後端開發 > Python教學 > 利用ECharts和Python介面產生水平柱狀圖的方法

利用ECharts和Python介面產生水平柱狀圖的方法

WBOY
發布: 2023-12-18 18:48:56
原創
1067 人瀏覽過

利用ECharts和Python介面產生水平柱狀圖的方法

利用ECharts和Python介面產生水平柱狀圖的方法

ECharts是一個基於JavaScript開發的視覺化圖表庫,可以方便地建立各種資料視覺化圖表。結合Python接口,可以更方便地進行資料處理,並將其視覺化。

本文將介紹利用ECharts和Python介面產生水平長條圖的方法,並提供具體程式碼範例。

  1. 準備資料

首先,我們需要準備資料。這裡我們以某班級學生的成績為例。假設我們有以下資料:

##英文#張三908075李四759585#王五#80#9070趙六857590
姓名 語言 數學

我們可以使用Python中的Pandas函式庫來讀取數據,並進行處理。具體程式碼如下:
    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)
    登入後複製
  1. 使用ECharts繪製水平長條圖

接下來,我們使用ECharts來繪製水平長條圖。具體程式碼如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>水平柱状图示例</title>
    <script src="https://cdn.staticfile.org/echarts/5.0.2/echarts.min.js"></script>
</head>
<body>
    <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>
</body>
</html>
登入後複製
運行程式碼,我們就能看到一個漂亮的水平長條圖了。
  1. 總結

本文介紹了利用ECharts和Python介面產生水平柱狀圖的方法,並提供了具體程式碼範例。透過這種方法,我們可以方便地對資料進行處理,並將其視覺化,讓資料更加直覺、易於理解。 ###

以上是利用ECharts和Python介面產生水平柱狀圖的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板