Heim > Artikel > Backend-Entwicklung > Methode zum Generieren eines horizontalen Histogramms mithilfe der ECharts- und Python-Schnittstelle

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

WBOYOriginal: 2023-12-18 18:48:561021Durchsuche

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)

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>

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!

Python JavaScript echarts pandas 接口

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Schritte zum Zeichnen eines Rosendiagramms mithilfe der ECharts- und Python-SchnittstelleNächster Artikel：Schritte zum Zeichnen eines Rosendiagramms mithilfe der ECharts- und Python-Schnittstelle

In Verbindung stehende Artikel

Mehr sehen