pyecharts-Timeline讲解时间线

Pyecharts----Timeline (^▽^)

作者：发现美的眼睛（本人）

首先简单介绍一下pyecharts这个神奇的东东，如果你是从事web，那么Echarts就会熟悉知晓。

——如果不是，那么这篇文章也会推荐一个非常好的（python&JavaScript）工具来帮助你来处理数据。

官方网站：pyecharts - A Python Echarts Plotting Library built with love.

Pyecharts来源于一个开发团队，人数不多但都是大佬。而本章所提到的Timeline便是该团队在去年8月份发布的0.1.9.5版本。目前我们获取下载到的都是最新的，不必担心版本问题。

顾名思义，Timeline便是时间路线的意思。根据霍金的《时间简史》，timeline代表着不可逆的时间顺序。然而编程世界...无奇不有，回不去的时间大不了日历嘛~

这个版本的pyecharts才算的上一种基本健全的工具，在之后的版本中python与js的交互变得十分简单轻松。

使用pyecharts中的Timeline组件，只需要调用一下。

from pyecharts import Timeline,aaa  #加上你想要制作图表的组件

对于数据处理，那么时间这一性质就是最好的反馈。

如图代码示例：

#! /usr/bin/python
# -*- coding:utf-8 -*-from pyecharts import Pie, Timeline
import randomname = ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
value = [random.randint(100, 1000) for _ in range(6)]
quarter_one = Pie("第一季度销售图", title_pos='center')
quarter_one.add("", name, [random.randint(100, 1000) for _ in range(6)],radius=[40, 80],                label_text_color=None,                is_label_show=True,                legend_orient='vertical',                legend_pos='left')quarter_two = Pie("第二季度销售图", title_pos='center')
quarter_two.add("", name, [random.randint(100, 1000) for _ in range(6)],radius=[40, 80],                label_text_color=None,                is_label_show=True,                legend_orient='vertical',                legend_pos='left')quarter_three = Pie("第三季度销售图", title_pos='center')
quarter_three.add("", name, [random.randint(100, 1000) for _ in range(6)], radius=[40, 80],   label_text_color=None,                  is_label_show=True,                  legend_orient='vertical',                  legend_pos='left')quarter_four = Pie("第四季度销售图", title_pos='center')
quarter_four.add("", name, [random.randint(100, 1000) for _ in range(6)],radius=[40, 80],                 label_text_color=None,                 is_label_show=True,                 legend_orient='vertical',                 legend_pos='left')timeline = Timeline(is_auto_play=True, timeline_bottom=0, width=600, height=450)timeline.add(quarter_one, '第一季度')
timeline.add(quarter_two, '第二季度')
timeline.add(quarter_three, '第三季度')
timeline.add(quarter_four, '第四季度')
timeline.render("全年销售图.html")

当然，在Timeline中可选择的选项有很多。有些参数便是python与js之间的转换。

class Timeline(Base):    """时间线轮播多张图"""    
def __init__(self,page_title=PAGE_TITLE,width=800,height=400,is_auto_play=False,is_loop_play=True,is_rewind_play=False,is_timeline_show=True,timeline_play_interval=2000,timeline_symbol="emptyCircle",timeline_symbol_size=10,timeline_left="auto",timeline_right="auto",timeline_top="auto",timeline_bottom="atuo",    ):# 解释参数如下""":param is_auto_play:            是否自动播放，默认为 Flase:param is_loop_play:            是否循环播放，默认为 True:param is_rewind_play:            是否方向播放，默认为 Flase:param is_timeline_show:是否显示 timeline 组件。默认为 True，如果设置为false，不会显示，但是功能还存在。:param timeline_play_interval:播放的速度（跳动的间隔），单位毫秒（ms）。:param timeline_symbol:标记的图形。有'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'可选:param timeline_symbol_size:标记的图形大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为 20，高为 10。:param timeline_left:timeline 组件离容器左侧的距离。left 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比，也可以是 'left', 'center', 'right'。如果 left 的值为'left', 'center','right'，组件会根据相应的位置自动对齐。:param timeline_right:            timeline 组件离容器右侧的距离。同 left:param timeline_top:            timeline 组件离容器顶侧的距离。同 left:param timeline_bottom:            timeline 组件离容器底侧的距离。同 left"""

一般Timeline实例化之后，可以进行个性化设置。比方说，给示例timeline添加个属性：timeline_left组件距离容器左侧的距离，其实就是时间线距离图标左边的距离。