from pyecharts.charts import Bar, Page, Line
from pyecharts import options as opts


def line_charts(x, y, title):
    """生成HTML文件"""
    c = Line()

    # 对工具箱中名称修改
    data_zoom = {
        "show": True,
        "title": {"缩放": "数据缩放", "还原": "缩放数据还原"}
    }

    # 设置x轴
    c.add_xaxis(xaxis_data=x, )
    # 设置y轴
    c.add_yaxis(
        # 设置title
        series_name=title,
        # y轴数据
        y_axis=y,
        # 线的颜色
        color="red",
        # 是否平滑
        is_smooth=True,
        # 显示x轴字体的样式
        label_opts=opts.LabelOpts(
            # is_show=True 是否显示标签
            is_show=True,

            # position 标签的位置 可选 'top'，'left'，'right'，'bottom'，'inside'，'insideLeft'，'insideRight'.....
            position='bottom',

            # font_size 文字的字体大小
            font_size=20,

            # color 文字的颜色
            color='black',

            # font_style 文字字体的风格，可选 'normal'，'italic'，'oblique'
            font_style='italic',  # 斜体

            # font_weight 文字字体的粗细  'normal'，'bold'，'bolder'，'lighter'
            font_weight="bolder",

            # font_family 字体 'Arial', 'Courier New', 'Microsoft YaHei（微软雅黑）' ....
            font_family="黑体",

            # rotate 标签旋转 从 -90 度到 90 度。正值是逆时针
            rotate='25',

            # margin 刻度标签与轴线之间的距离
            margin=20,

            # 坐标轴刻度标签的显示间隔，在类目轴中有效。Union[Numeric, str, None]
            # 默认会采用标签不重叠的策略间隔显示标签。
            # 可以设置成 0 强制显示所有标签。
            # 如果设置为 1，表示『隔一个标签显示一个标签』，如果值为 2，表示隔两个标签显示一个标签，以此类推。
            # 可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：
            # (index:number, value: string) => boolean
            # 第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 false。
            interval=None,

            # horizontal_align 文字水平对齐方式，默认自动。可选：'left'，'center'，'right'
            horizontal_align='center',

            # vertical_align 文字垂直对齐方式，默认自动。可选：'top'，'middle'，'bottom'
            vertical_align=None,
        ))

    # 数据项设置
    c.set_global_opts(
        title_opts=opts.TitleOpts(title=title),
        legend_opts=opts.LegendOpts(is_show=True),
        tooltip_opts=opts.TooltipOpts(trigger='axis', axis_pointer_type='cross'),
        toolbox_opts=opts.ToolboxOpts(is_show=True, orient='horizontal',
                                      feature=opts.ToolBoxFeatureOpts(data_zoom=data_zoom))
    )

    # 绘制图表
    c.render(path="{0}.html".format(title))


x = ["第五周", "第四周", "第三周", "第二周", "第一周"]
y = ["37475", "34909", "35150", "56477", "46770"]
title = "近5个星期的浏览量"

line_charts(x, y, title)