StackedAreaChart(nvd3)

最新推荐文章于 2024-06-07 09:30:50 发布

雪球干死黄旭东

最新推荐文章于 2024-06-07 09:30:50 发布

阅读量344

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Z类分类_python可视化

本文链接：https://blog.csdn.net/yycoolsam/article/details/90751431

Z类分类_python可视化专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何使用NVD3库和Pandas处理数据，绘制动态交互的堆叠面积图，展示过去一年中各种浏览器市场份额的变化。数据来源于Clicky Web Analytics。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

from nvd3 import stackedAreaChart
import pandas as pd
import time
# 原文https://bl.ocks.org/mbostock/3885211,数据源也在原文内
data = pd.read_csv('test_data.csv')
data.columns
# 建立画布
chart = stackedAreaChart(name='stackedAreaChart', height=600, width=1024,x_is_date=True,x_axis_format="%d %b %Y",use_interactive_guideline=True)
# 提取数据
xdata = pd.to_datetime(data['date']).apply(lambda x:time.mktime(x.timetuple())* 1000)
ydata = data['Google Chrome'].astype(float)
ydata2 = data['Internet Explorer'].astype(float)
ydata3 = data['Firefox'].astype(float)
ydata4 = data['Safari'].astype(float)
ydata5 = data['Microsoft Edge'].astype(float)
ydata6 = data['Opera'].astype(float)
ydata7 = data['Mozilla'].astype(float)
ydata8 = data['Other/Unknown'].astype(float)
# 设置控件
extra_serie = {"tooltip": {"y_start": "There is ", "y_end": " min"}, "date_format": "%d %b %Y %H:%M:%S %p"}
# 添加数据
chart.add_serie(name='Google Chrome', y=ydata, x=xdata, extra=extra_serie)
chart.add_serie(name='Internet Explorer', y=ydata2, x=xdata, extra=extra_serie)
chart.add_serie(name='Firefox', y=ydata3, x=xdata, extra=extra_serie)
chart.add_serie(name='Safari', y=ydata4, x=xdata, extra=extra_serie)
chart.add_serie(name='Microsoft Edge', y=ydata5, x=xdata, extra=extra_serie)
chart.add_serie(name='Opera', y=ydata6, x=xdata, extra=extra_serie)
chart.add_serie(name='Mozilla', y=ydata7, x=xdata, extra=extra_serie)
chart.add_serie(name='Other/Unknown', y=ydata8, x=xdata, extra=extra_serie)
chart.buildhtml()
output_file = open('test_StackedAreaChart.html', 'w')
output_file.write(chart.htmlcontent)
output_file.close()

This stacked area chart is constructed from a TSV file storing the market share of several popular web browsers over the last year. Data is from Clicky Web Analytics. The chart employs conventional marginsand a number of D3 features:
在这里插入图片描述

在这里插入图片描述