Heim > Artikel > Backend-Entwicklung > So erstellen Sie Polarkoordinatendiagramme mit ECharts- und Python-Schnittstellen

So erstellen Sie Polarkoordinatendiagramme mit ECharts- und Python-Schnittstellen

PHPzOriginal: 2023-12-17 08:26:181348Durchsuche

Die Methode zum Generieren von Polarkoordinatendiagrammen mithilfe der ECharts- und Python-Schnittstelle erfordert spezifische Codebeispiele

ECharts ist ein sehr leistungsstarkes und benutzerfreundliches Open-Source-Datenvisualisierungstool. Es ist schnell, schön, anpassbar und kann angepasst werden Zeichnen Sie schnell verschiedene Diagramme. ECharts unterstützt viele Diagrammtypen, darunter Balkendiagramme, Liniendiagramme, Kreisdiagramme, Streudiagramme usw., einschließlich Polarkoordinatendiagramme. ECharts bietet eine sehr praktische Lösung für das Problem der Erstellung von Polarkoordinatendiagrammen und die Verwendung mit der Python-Schnittstelle macht die Arbeit effizienter.

In diesem Artikel wird die spezifische Methode zur Verwendung von ECharts und der Python-Schnittstelle zum Generieren von Polarkoordinatendiagrammen vorgestellt, einschließlich der Installation von ECharts, der Verwendung der Python-Schnittstelle zum Aufrufen von ECharts zum Generieren von Polarkoordinatendiagrammen und der Anpassung von Diagrammstilen.

1. Installieren Sie ECharts

Laden Sie das Quellcodepaket oder die Verpackungsdatei von ECharts herunter

Laden Sie das Quellcodepaket oder die Verpackungsdatei von ECharts auf der offiziellen Website von ECharts herunter: https://echarts.apache.org/zh/ index.html und entpacken bzw. dekomprimieren. Geben Sie nach der Komprimierung das Verzeichnis der entsprechenden Version ein.

Erstellen Sie ein Webverzeichnis.

Erstellen Sie lokal oder auf dem Server ein Webverzeichnis, um ECharts-bezogene Dateien zu speichern.

Kopieren Sie ECharts-Dateien in das Webverzeichnis.

Kopieren Sie ECharts-Dateien und -Ordner in das Webverzeichnis, normalerweise einschließlich CSS, JS, Bilder, Schriftarten und andere Dateien und Ordner.

ECharts-Dateien einführen

ECharts-Dateien in HTML-Dateien einführen, normalerweise einschließlich echarts.js und Designdateien:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>So erstellen Sie Polarkoordinatendiagramme mit ECharts- und Python-Schnittstellen</title>
    <link rel="stylesheet" href="css/echarts.css">
</head>
<body>
    <div id="main" style="height: 500px"></div>
    <script src="js/echarts.js"></script>
    <script src="js/theme.js"></script>
</body>
</html>

2. Verwenden Sie die Python-Schnittstelle, um ECharts aufzurufen

Wenn Sie Python nicht installiert haben, müssen Sie Python von der offiziellen Website https://www.python.org/downloads/ herunterladen und installieren.

Installieren Sie die Pyecharts-Bibliothek.

Verwenden Sie den Befehl pip, um die Pyecharts-Bibliothek zu installieren:

pip install pyecharts

Erstellen Sie eine leere Python-Datei.

Erstellen Sie eine Python-Datei im Webverzeichnis. Der Code lautet wie folgt:

from pyecharts.charts import Polar
from pyecharts import options as opts

# 构造数据
data = [('rose1', [10, 20, 30, 40, 50, 40, 30, 20, 10]),
        ('rose2', [20, 30, 10, 40, 60, 30, 20, 30, 20])]

# 构造极坐标图
polar = Polar().add_schema(radius_axis_opts=opts.PolarRadiusAxisOpts(),
                           angle_axis_opts=opts.PolarAngleAxisOpts(),
                           )

# 添加数据
for name, values in data:
    polar.add(name, values, type_='barAngle', stack='stack1')

# 设置全局配置项
polar.set_global_opts(title_opts=opts.TitleOpts(title='极坐标图'))

# 生成HTML文件
polar.render('polar.html')

Nachdem Sie ECharts und die Python-Schnittstelle zum Generieren eines Polarkoordinatendiagramms verwendet haben, können Sie den Diagrammstil anpassen, um das Diagramm zu verschönern. Hier sind einige Beispielcodes.

Polarachsenbeschriftungen anpassen

Durch Anpassen von Parametern wie der Textgröße und -farbe der Polarachsenbeschriftung können Sie den Anzeigeeffekt von Polarkoordinatendiagrammen verschönern, zum Beispiel:

polar.set_global_opts(title_opts=opts.TitleOpts(title='极坐标图'),
                      legend_opts=opts.LegendOpts(is_show=False),
                      polar_opts=opts.PolarOpts(radius='60%'),
                      angle_axis_opts=opts.PolarAngleAxisOpts(
                          axislabel_opts=opts.LabelOpts(
                              font_size=12, color='blue'
                          )
                      ),
                      radius_axis_opts=opts.PolarRadiusAxisOpts(
                          axislabel_opts=opts.LabelOpts(
                              font_size=16, color='red'
                          )
                      )
                      )

Ändern Sie die Legendenposition

Durch Steuerung Mit der Legende (Legende) können Sie den Anzeigeeffekt des Diagramms verschönern, zum Beispiel:

polar.set_global_opts(title_opts=opts.TitleOpts(title='极坐标图'),
                      legend_opts=opts.LegendOpts(is_show=True, pos_top='5%', pos_right='5%'),
                      polar_opts=opts.PolarOpts(radius='60%'),
                      angle_axis_opts=opts.PolarAngleAxisOpts(
                          axislabel_opts=opts.LabelOpts(
                              font_size=12, color='blue'
                          )
                      ),
                      radius_axis_opts=opts.PolarRadiusAxisOpts(
                          axislabel_opts=opts.LabelOpts(
                              font_size=16, color='red'
                          )
                      )
                      )

Ändern Sie die Hintergrundfarbe und die Verlaufsfarbe

Durch Anpassen von Parametern wie Hintergrundfarbe und Verlaufsfarbe können Sie den Anzeigeeffekt verschönern des Diagramms, zum Beispiel:

polar.set_global_opts(title_opts=opts.TitleOpts(title='极坐标图'),
                      legend_opts=opts.LegendOpts(is_show=True, pos_top='5%', pos_right='5%'),
                      polar_opts=opts.PolarOpts(radius='60%', background_color='#f2f2f2'),
                      angle_axis_opts=opts.PolarAngleAxisOpts(
                          axislabel_opts=opts.LabelOpts(
                              font_size=12, color='blue'
                          )
                      ),
                      radius_axis_opts=opts.PolarRadiusAxisOpts(
                          axislabel_opts=opts.LabelOpts(
                              font_size=16, color='red'
                          )
                      ),
                      tooltip_opts=opts.TooltipOpts(
                          formatter="{b} ({c})",
                          trigger='axis',
                          axis_pointer_type='cross'
                      ),
                      visualmap_opts=opts.VisualMapOpts(
                          type_="continuous",
                          is_piecewise=False,
                          pos_right='5%',
                          pos_top='15%',
                          min_=10,
                          max_=60,
                          range_text=['High', 'Low'],
                          range_color=['#d7e4bd', '#b02b2c'],
                      )
                      )

Es ist sehr einfach, ECharts und die Python-Schnittstelle zum Generieren von Polarkoordinatendiagrammen zu verwenden. Sie müssen lediglich ECharts- und Pyecharts-Bibliotheken installieren und einfachen Python-Code schreiben, um verschiedene komplexe Daten zu erhalten Visualisierungen. Unter anderem können benutzerdefinierte Diagrammstile Polarkoordinatendiagramme schöner und persönlicher gestalten und an Ihre eigenen Bedürfnisse anpassen.

Das obige ist der detaillierte Inhalt vonSo erstellen Sie Polarkoordinatendiagramme mit ECharts- und Python-Schnittstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Python css echarts html pip 接口 JS apache https

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：Was ist der Unterschied zwischen der Lenb-Funktion und der Len-Funktion?Nächster Artikel：Was ist der Unterschied zwischen der Lenb-Funktion und der Len-Funktion?

In Verbindung stehende Artikel

Mehr sehen