pyecharts绘制漂亮图3：添加标注点

使用pyecharts绘制漂亮图：6个基本步骤

使用pyecharts绘制这幅漂亮图

这是昨天代码跑出来的图：

今天，教会大家，如何显示标注点(MarkPoint)，即下图所示的两个最大、最小标注点。

一步一步

首先，标注点属于y轴的一个元素，所以在add_yaxis方法中设置。

其次，markpoint_opts为对应标注点的配置属性，它的类型为opts.MarkPointOpts

标注点对象中的文本显示对象，类型是opts.LabelOpts对象，设置它的颜色color

opts.MarkPointOpts的data 属性是个列表。

最大值、最小值标注点由对应的opts.MarkPointItem对象控制，其中最大值点为:

opts.MarkPointItem(
                type_ = 'max',
                name = '最大值'
            )

最小值点：

opts.MarkPointItem(
                type_ = 'min',
                name = '最小值'
            )

put it together

markpoint_opts=opts.MarkPointOpts(
            label_opts=opts.LabelOpts(
                color = '#fff'
            ),
            data = [opts.MarkPointItem(
                type_ = 'max',
                name = '最大值'
            ),opts.MarkPointItem(
                type_ = 'min',
                name = '最小值'
            )]
        )

完整代码

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

x_data = [str(i)+'日' for i in range(1,31)]
y_data = [509, 917, 2455, 2610, 2719, 3033, 3044, 3085, 2708, 2809, 2117,2000,1455,1210,719,\
        733,944,2285,2208,3372,3936,3693,2962,2810,3519,2455,2610,2719,2484,2078]
y2_data = [
            2136,3693,2962,3810,3519,3484,3915,3823,3455,4310,4019,3433,3544,3885,4208,3372,\
            3484,3915,3748,3675,4009,4433,3544,3285,4208,3372,3484,3915,3823,4265,4298]

(
    Line(opts.InitOpts(
        bg_color = "#1A1835",
    ))
    .add_xaxis(xaxis_data=x_data)
    .add_yaxis(
        y_axis=y_data,
        series_name="访问量",
        symbol="circle",
        symbol_size = 10,
        is_symbol_show=True,
        label_opts=opts.LabelOpts(is_show=False),
        itemstyle_opts=opts.ItemStyleOpts(
            color = "#6f7de3"
        ),
        ##########################
        ####今天新添加的部分#########
        markpoint_opts=opts.MarkPointOpts(
            label_opts=opts.LabelOpts(
                color = '#fff'
            ),
            data = [opts.MarkPointItem(
                type_ = 'max',
                name = '最大值'
            ),opts.MarkPointItem(
                type_ = 'min',
                name = '最小值'
            )]
        )
        #####################
        #####################
    )
    .render("basic_line_chart.html")
)

老铁，给个三连支持下吧！