【整理】Python/Pandas datetime类型在Highcharts上显示

原创文章,转载请注明: 转载自勤奋的小青蛙
本文链接地址: 【整理】Python/Pandas datetime类型在Highcharts上显示

这两天借助HighCharts开发了个图表,发现HighCharts果然好用。不过显示Python的时间戳还是花了些时间。

其实原理就是把python的时间转换成时间戳发给HighCharts,然后HighCharts借助格式化函数格式下日期即可。

Python代码,此处用了Flask框架,把数据传给页面:

# result_df是个dataframe类型数据
# result_df['Date']是时间序列
datetime_date_list = result_df['Date'].values.tolist()
timestamp_date_list = []
for i in datetime_date_list:
        # 将datetime.date类型转换为时间戳
	timestamp = time.mktime(i.timetuple())
	# data_time = time.strftime("%Y-%m-%d %H:%M:%S", time.localtime(float(timestamp)))
        # highcharts时间戳以毫秒为单位, python时间戳以秒为单位
	timestamp_date_list.append(int(timestamp * 1000))

数据传给页面:

return render_template('index.html', timestamp_date_list=timestamp_date_list)

HighCharts显示:

xAxis: {
    labels: {
        formatter: function() {
            return  Highcharts.dateFormat('%Y-%m-%d', this.value);
        }
    },
     categories: {{ timestamp_date_list }}   // x 轴分类
},

显示效果:

chart

另外可以参考:

python highchart 时间戳转换

https://stackoverflow.com/questions/19828299/how-to-convert-datetime-string-to-utc-to-plot-points-on-highcharts

https://stackoverflow.com/questions/15940280/how-to-get-utc-time-in-python

原创文章,转载请注明: 转载自勤奋的小青蛙
本文链接地址: 【整理】Python/Pandas datetime类型在Highcharts上显示

文章的脚注信息由WordPress的wp-posturl插件自动生成



|2|left
打赏

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: