Methode zum Generieren eines horizontalen Histogramms mithilfe der ECharts- und Python-Schnittstelle-Python-Tutorial-php.cn

Methode zum Generieren eines horizontalen Histogramms mithilfe der ECharts- und Python-Schnittstelle

WBOY

Freigeben： 2023-12-18 18:48:56

Original

1036 Leute haben es durchsucht

Methode zum Generieren eines horizontalen Histogramms mithilfe der ECharts- und Python-Schnittstelle

So generieren Sie horizontale Balkendiagramme mithilfe von ECharts und Python-Schnittstellen

ECharts ist eine auf JavaScript basierende visuelle Diagrammbibliothek, mit der Sie problemlos verschiedene Datenvisualisierungsdiagramme erstellen können. In Kombination mit der Python-Schnittstelle können Datenverarbeitung und Visualisierung komfortabler durchgeführt werden.

In diesem Artikel wird die Methode zum Generieren eines horizontalen Histogramms mithilfe der ECharts- und Python-Schnittstelle vorgestellt und spezifische Codebeispiele bereitgestellt.

Daten vorbereiten

Zuerst müssen wir die Daten vorbereiten. Als Beispiel nehmen wir hier die Noten von Schülern einer bestimmten Klasse. Angenommen, wir haben die folgenden Daten:

Wir können die Pandas-Bibliothek in Python verwenden, um das zu lesen Daten erfassen und verarbeiten. Der spezifische Code lautet wie folgt:

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)

Nach dem Login kopieren

Verwenden Sie ECharts, um ein horizontales Histogramm zu zeichnen.

<!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>

Nach dem Login kopieren

Zusammenfassung

Name	Chinesisch	Mathe	Englisch
张三	90	80	75
John Doe	75	95
		Als nächstes verwenden wir ECharts, um ein horizontales Histogramm zu zeichnen. Der spezifische Code lautet wie folgt:	Führen Sie den Code aus und wir sehen ein schönes horizontales Balkendiagramm.
	In diesem Artikel wird die Methode zum Generieren horizontaler Histogramme mithilfe von ECharts und Python-Schnittstellen vorgestellt und spezifische Codebeispiele bereitgestellt. Durch diese Methode können wir die Daten einfach verarbeiten und visualisieren, wodurch die Daten intuitiver und leichter verständlich werden.

Das obige ist der detaillierte Inhalt vonMethode zum Generieren eines horizontalen Histogramms mithilfe der ECharts- und Python-Schnittstelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!