import sys
import os
import requests

QUERY_ENDPOINT = "query"
QUERY_RANGE_ENDPOINT = "query_range"

class PrometheusQueryAPI:
    """Class Create Prometheus query api"""

    def __init__(self, api, proxy=None) -> None:
        self.api = api
        self.endpoint = "query"
        self.params = {}
        self.result = None
        self.proxy = proxy
        
    def clean(self):
        """清理查詢參數(shù)
        """
        self.params = {}

    def query(self, query, time=None):
        """Create the query"""
        self.params["query"] = query
        if time:
            self.params["time"] = time

        self.endpoint = QUERY_ENDPOINT
        return self
    
    def query_range(self, query, start=None, end=None, step=None):
        """Create the Query range"""
        self.params["query"] = query
        if start:
            self.params["start"] = start
        if end:
            self.params["end"] = end
        if step:
            self.params["step"] = step
        self.endpoint = QUERY_RANGE_ENDPOINT
        return self
    
    def run(self):
        """Run the prometheus query"""
        url = os.path.join(self.api, self.endpoint)
        if sys.platform.startswith('win'):
            url = url.replace('\\', '/')
        res = requests.get(url=url, params=self.params,
                           proxies=self.proxy, timeout=30)
        self.result = res.json()
        self.clean()
        return self

p = prometheus.PrometheusQueryAPI(
    PROMETHEUS, proxy=PROXY)
p.query("yarn_exporter_allocateMem/(yarn_exporter_availableMem+yarn_exporter_allocateMem)")
p.run()
data = round(float(p.result["data"]["result"][0]["value"][1])*100, 2)

from pyecharts.charts import Gauge
	gauge1 = (
        Gauge()
        .add(
            # 必要配置
            series_name="內(nèi)存使用率",
            data_pair=[["內(nèi)存使用率", data]],
            # 設(shè)置儀表盤的條例
            axisline_opts=opts.AxisLineOpts(
                linestyle_opts=opts.LineStyleOpts(
                    # 設(shè)置不同區(qū)間的顏色，color中劃分不通區(qū)間的顏色，width為線條粗細
                    color=[(0.3, "#E9EB2E"), (0.9, "#37a2da"), (1, "#fd666d")], width=10
                )
            ),
            # tooltip的設(shè)置，進行顯示的格式化
            tooltip_opts=opts.TooltipOpts(
                is_show=True, formatter=" : {c}%"),
            max_=100,
            min_=0,
            # 設(shè)置相對位置，橫縱坐標(biāo)，當(dāng)使用Grid組合Gauge時必須設(shè)置，否則圖表會重合
            center=["25%", "50%"],
            # 儀表盤內(nèi)的指標(biāo)名稱字體設(shè)置
            title_label_opts=opts.GaugeTitleOpts(
                font_weight="bold",
                font_size=20
            ),
            # 儀表盤內(nèi)的指標(biāo)數(shù)值的設(shè)置
            detail_label_opts=opts.GaugeDetailOpts(
                formatter="{value}%",
                color="#1267CB",
                font_weight="bold",
                font_size="20",
                offset_center=["0%", "40%"],
            )
        )
        .set_global_opts(
            # Gauge的標(biāo)題設(shè)置
            title_opts=opts.TitleOpts(
                title="內(nèi)存使用率",
            ),
            # 設(shè)置圖例格式
            legend_opts=opts.LegendOpts(is_show=False),
        )
    )

    bar = (
        Bar(init_opts=opts.InitOpts(width="850px", height="800px"))
        .add_xaxis(xaxis_data=province)
        .add_yaxis("HDFS", values)
        .set_global_opts(
            title_opts=opts.TitleOpts(title="HDFS使用情況"),
            visualmap_opts=opts.VisualMapOpts(
                min_=0,
                max_=100,
                # 組件映射維度
                dimension=0,
                # 是否為分段型，如果設(shè)置為False，會出現(xiàn)一個完整的分段條可以拖動調(diào)節(jié)
                is_piecewise=True,
                # 設(shè)置不同取值區(qū)間的顏色
                range_color=[
                    "#00EC00", "#00A600",
                    "#FFD306", "#FF8000", "#FF2D2D"],
                orient="horizontal",
                pos_top="0%", pos_left="40%"
            ),
            legend_opts=opts.LegendOpts(
                is_show=False
            ),
            xaxis_opts=opts.AxisOpts(
                max_=100
            )
        )
        .set_series_opts(
            # 設(shè)置標(biāo)記線，如果進行了行列轉(zhuǎn)置，這里的操作就要對X軸進行了而不是Y軸！
            markline_opts=opts.MarkLineOpts(
                data=[
                    opts.MarkLineItem(
                        x=80,
                        name="使用率過高",
                        linestyle_opts=opts.LineStyleOpts(
                            color="red",
                        )
                    )
                ]
            ),
        )
        # 翻轉(zhuǎn)XY軸
        .reversal_axis()
    )

Bar(
    opts.InitOpts(width="850px", height="800px")
)

return render_template("view.j2", data=bar.render_embed())

<div>{{ data|safe }}</div>