ホームページ  >  記事  >  バックエンド開発  >  EChartsとPythonインターフェースを使用して水平方向のヒストグラムを生成する方法

EChartsとPythonインターフェースを使用して水平方向のヒストグラムを生成する方法

WBOY
WBOYオリジナル
2023-12-18 18:48:561020ブラウズ

EChartsとPythonインターフェースを使用して水平方向のヒストグラムを生成する方法

EChartsとPythonインターフェースを使用して水平方向のヒストグラムを生成する方法

ECharts是一个基于JavaScript开发的可视化图表库,可以方便地创建各种数据可视化图表。结合Python接口,可以更方便地进行数据处理,并将其可视化。

本文将介绍EChartsとPythonインターフェースを使用して水平方向のヒストグラムを生成する方法,并提供具体代码示例。

  1. 准备数据

首先,我们需要准备数据。这里我们以某班级学生的成绩为例。假设我们有以下数据:

姓名 语文 数学 英语
张三 90 80 75
李四 75 95 85
王五 80 90 70
赵六 85 75 90

我们可以使用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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。