怎么做国际网站首页跨境浏览网站

当前位置： 首页 > news >正文

怎么做国际网站首页,跨境浏览网站,滨海网站建设找哪家好,扬州网站制作哪家好文章目录 #x1f3af; 1 简介#x1f3af; 2 图表配置项2.1 导入模块2.2 数据配置项2.3 全局配置项 #x1f3af; 3 代码实战3.1 基础折线3.2 平滑曲线#xff08;is_smooth#xff09;3.3 阶梯折线#xff08;is_step#xff09;3.4 空值过渡#xff08;is_connect_n… 文章目录 1 简介 2 图表配置项2.1 导入模块2.2 数据配置项2.3 全局配置项 3 代码实战3.1 基础折线3.2 平滑曲线is_smooth3.3 阶梯折线is_step3.4 空值过渡is_connect_nones3.5 线条颜色color3.6 标记点配置项markpoint_opts3.7 标记的图形symbol3.8 标记线配置项markline_opts3.9 线样式配置项linestyle_opts3.10 填充区域配置项areastyle_opts3.11 标记区域markarea_opts 更多可视化项目源码数据 大家好我是 【Python当打之年(点击跳转)】 本期是《Pyecharts绘图教程》的第 2 期该系列从0到1不断进阶深入专门 针对零基础和需要进阶提升的小伙伴逐步掌握使用Pyecharts库进行数据可视化的技能 希望对大家有所帮助如有疑问或者需要改进的地方可以联系小编。 1 简介 折线图是一种常用的可视化图表可以清晰地展示数据随时间或其他连续变量的变化趋势 通过连接数据点可以观察到数据的上升、下降、波动等变化趋势帮助人们更直观地理解数据的变化规律。 2 图表配置项 2.1 导入模块 from pyecharts.charts import Line import pyecharts.options as opts2.2 数据配置项 通过add_xaxis、add_yaxis函数添加横坐标、纵坐标数据 def add_xaxis(# 系列数据xaxis_data: types.Sequence[types.Union[opts.LineItem, dict]] )def add_yaxis(# 系列名称用于 tooltip 的显示legend 的图例筛选。series_name: str,# 系列数据y_axis: types.Sequence[types.Union[opts.LineItem, dict]],# 是否选中图例is_selected: bool True,# 是否连接空数据空数据使用 None 填充is_connect_nones: bool False,# 使用的 x 轴的 index在单个图表实例中存在多个 x 轴的时候有用。xaxis_index: Optional[Numeric] None,# 使用的 y 轴的 index在单个图表实例中存在多个 y 轴的时候有用。yaxis_index: Optional[Numeric] None,# 系列 label 颜色color: Optional[str] None,# 是否显示 symbol, 如果 false 则只有在 tooltip hover 的时候显示。is_symbol_show: bool True,# 标记的图形。# ECharts 提供的标记类型包括 circle, rect, roundRect, triangle, # diamond, pin, arrow, none# 可以通过 image://url 设置为图片其中 URL 为图片的链接或者 dataURI。symbol: Optional[str] None,# 标记的大小可以设置成诸如 10 这样单一的数字也可以用数组分开表示宽和高# 例如 [20, 10] 表示标记宽为 20高为 10。symbol_size: Union[Numeric, Sequence] 4,# 数据堆叠同个类目轴上系列配置相同的　stack　值可以堆叠放置。stack: Optional[str] None,# 是否平滑曲线is_smooth: bool False,# 是否裁剪超出坐标系部分的图形。折线图裁掉所有超出坐标系的折线部分拐点图形的逻辑按照散点图处理is_clip: bool True,# 是否显示成阶梯图is_step: bool False,# 是否开启 hover 在拐点标志上的提示动画效果。is_hover_animation: bool True,# 折线图所有图形的 zlevel 值。# zlevel用于 Canvas 分层不同zlevel值的图形会放置在不同的 Canvas 中Canvas 分层是一种常见的优化手段。# zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面。z_level: types.Numeric 0,# 折线图组件的所有图形的z值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。# z 相比 zlevel 优先级更低而且不会创建新的 Canvas。z: types.Numeric 0,# 折线图在数据量远大于像素点时候的降采样策略开启后可以有效的优化图表的绘制效率默认关闭也就是全部绘制不过滤数据点。# 可选# lttb 采用 Largest-Triangle-Three-Bucket 算法可以最大程度保证采样后线条的趋势形状和极值。# average 取过滤点的平均值# max 取过滤点的最大值# min 取过滤点的最小值# sum 取过滤点的和sampling: types.Optional[str] None,# 使用 dimensions 定义 series.data 或者 dataset.source 的每个维度的信息。# 注意如果使用了 dataset那么可以在 dataset.source 的第一行/列中给出 dimension 名称。# 于是就不用在这里指定 dimension。# 但是如果在这里指定了 dimensions那么 ECharts 不再会自动从 dataset.source 的第一行/列中获取维度信息。dimensions: types.Union[types.Sequence, None] None,# 当使用 dataset 时seriesLayoutBy 指定了 dataset 中用行还是列对应到系列上也就是说系列“排布”到 dataset 的行还是列上。可取值# column默认dataset 的列对应于系列从而 dataset 中每一列是一个维度dimension。# rowdataset 的行对应于系列从而 dataset 中每一行是一个维度dimension。series_layout_by: str column,# 标记点配置项参考 series_options.MarkPointOptsmarkpoint_opts: Union[opts.MarkPointOpts, dict, None] None,# 标记线配置项参考 series_options.MarkLineOptsmarkline_opts: Union[opts.MarkLineOpts, dict, None] None,# 提示框组件配置项参考 series_options.TooltipOptstooltip_opts: Union[opts.TooltipOpts, dict, None] None,# 标签配置项参考 series_options.LabelOptslabel_opts: Union[opts.LabelOpts, dict] opts.LabelOpts(),# 线样式配置项参考 series_options.LineStyleOptslinestyle_opts: Union[opts.LineStyleOpts, dict] opts.LineStyleOpts(),# 填充区域配置项参考 series_options.AreaStyleOptsareastyle_opts: Union[opts.AreaStyleOpts, dict] opts.AreaStyleOpts(),# 图元样式配置项参考 series_options.ItemStyleOptsitemstyle_opts: Union[opts.ItemStyleOpts, dict, None] None,# 可以定义 data 的哪个维度被编码成什么。encode: types.Union[types.JSFunc, dict, None] None, )2.3 全局配置项 通过set_global_opts 函数设置全局样式包含标题、图例、工具、视觉、图形组件 、坐标轴配置等等这个目前了解即可后期会有专门的章节详细介绍每一项的配置 def set_global_opts(title_opts: types.Title opts.TitleOpts(),legend_opts: types.Legend opts.LegendOpts(),tooltip_opts: types.Tooltip None,toolbox_opts: types.Toolbox None,brush_opts: types.Brush None,xaxis_opts: types.Axis None,yaxis_opts: types.Axis None,visualmap_opts: types.VisualMap None,datazoom_opts: types.DataZoom None,graphic_opts: types.Graphic None,axispointer_opts: types.AxisPointer None,):3 代码实战 3.1 基础折线 x_data [周一, 周二, 周三, 周四, 周五, 周六, 周日] y_data1 [120, 132, 101, 134, 90, 200, 180] y_data2 [i/2 for i in y_data1] line (Line().add_xaxis(x_data).add_yaxis(销量, y_data1).add_yaxis(利润, y_data2).set_global_opts(title_optsopts.TitleOpts(title示例1)) ) line.render_notebook()3.2 平滑曲线is_smooth is_smooth 参数设置是否平滑显示 line (Line().add_xaxis(x_data).add_yaxis(销量, y_data1, is_smoothTrue).add_yaxis(利润, y_data2).set_global_opts(title_optsopts.TitleOpts(title示例2)) ) line.render_notebook()3.3 阶梯折线is_step is_step 参数设置是否阶梯显示 line (Line().add_xaxis(x_data).add_yaxis(销量, y_data, is_stepTrue).add_yaxis(利润, y_data2).set_global_opts(title_optsopts.TitleOpts(title示例3)) ) line.render_notebook()3.4 空值过渡is_connect_nones is_connect_nones 参数设置是否连接空数据空数据使用 None 填充 y_data [120, None, 101, 134, 90,None,180] line (Line().add_xaxis(x_data).add_yaxis(销量, y_data, is_connect_nonesTrue).add_yaxis(利润, y_data2).set_global_opts(title_optsopts.TitleOpts(title示例4)) ) line.render_notebook()3.5 线条颜色color color 参数设置线条颜色 line (Line().add_xaxis(x_data).add_yaxis(销量, y_data1, colorblue).add_yaxis(利润, y_data2, colorgreen).set_global_opts(title_optsopts.TitleOpts(title示例5)) ) line.render_notebook()注意注意注意 颜色设置这里有一个经常出错的地方代码里销量折线 color‘blue’利润折线 color‘green’但是图上两个颜色是相反的为什么小伙伴们可以思考一下正常要求图像应该是下面这样的 3.6 标记点配置项markpoint_opts markpointopts 参数设置特殊标注点type 取值 min 最大值、max 最大值、average 平均值。 line (Line().add_xaxis(x_data).add_yaxis(销量, y_data1, colorblue,markpoint_optsopts.MarkPointOpts(data[opts.MarkPointItem(type_max)]),).add_yaxis(利润, y_data2, colorgreen,markpoint_optsopts.MarkPointOpts(data[opts.MarkPointItem(type_min)]),).set_global_opts(title_optsopts.TitleOpts(title示例6)) ) line.render_notebook()3.7 标记的图形symbol symbol 参数设置标记图形echarts 提供的标记类型包括 circle、rect、roundRect、triangle、diamond、pin、arrow、none也可以通过 image://url 设置为图片其中 URL 为图片的链接或者 dataURI。 line (Line().add_xaxis(x_data).add_yaxis(销量, y_data1, colorblue,symboldiamond, symbol_size20,).add_yaxis(利润, y_data2, colorgreen,symboltriangle, symbol_size20,).set_global_opts(title_optsopts.TitleOpts(title示例7)) ) line.render_notebook()3.8 标记线配置项markline_opts marklineopts 参数设置特殊标注线type 取值 min 最大值、max 最大值、average 平均值。 line (Line().add_xaxis(x_data).add_yaxis(销量, y_data1, colorblue,symboldiamond, symbol_size20,markline_optsopts.MarkLineOpts(data[opts.MarkLineItem(type_average)]),).add_yaxis(利润, y_data2, colorgreen,symboltriangle, symbol_size20,markline_optsopts.MarkLineOpts(data[opts.MarkLineItem(type_min)]),).set_global_opts(title_optsopts.TitleOpts(title示例8)) ) line.render_notebook()3.9 线样式配置项linestyle_opts linestyleopts 参数设置线条样式width 线宽opacity 图形透明度支持从 0 到 1 的数字为 0 时不绘制该图形curve 线的弯曲度0 表示完全不弯曲type 线的类型可选solid、dashed、dotted line (Line().add_xaxis(x_data).add_yaxis(销量, y_data1, colorblue,symboldiamond, symbol_size20,markline_optsopts.MarkLineOpts(data[opts.MarkLineItem(type_average)]),linestyle_optsopts.LineStyleOpts(colorgreen, width2, type_dotted),).add_yaxis(利润, y_data2, colorgreen,symboltriangle, symbol_size20,markline_optsopts.MarkLineOpts(data[opts.MarkLineItem(type_min)]),linestyle_optsopts.LineStyleOpts(colorblue, width4, type_dashed),).set_global_opts(title_optsopts.TitleOpts(title示例9)) ) line.render_notebook()3.10 填充区域配置项areastyle_opts areastyle_opts 参数设置填充区域opacity 图形透明度支持从 0 到 1 的数字为 0 时不绘制该图形color 填充的颜色 line (Line().add_xaxis(x_data).add_yaxis(销量, y_data1, colorblue,symboldiamond,symbol_size20,areastyle_optsopts.AreaStyleOpts(opacity0.5)).add_yaxis(利润, y_data2, colorgreen,symboltriangle,symbol_size20,areastyle_optsopts.AreaStyleOpts(opacity0.5)).set_global_opts(title_optsopts.TitleOpts(title示例10)) ) line.render_notebook()3.11 标记区域markarea_opts markarea_opts 参数设置标记区域data 标记区域数据 X 相对容器的屏幕 x 坐标单位像素支持百分比形式Y 相对容器的屏幕 y 坐标单位像素支持百分比形式itemstyle_opts 标记样式 line (Line().add_xaxis(x_data).add_yaxis(销量, y_data1, colorblue,symboldiamond,symbol_size20,).add_yaxis(利润, y_data2, colorgreen,symboltriangle,symbol_size20,).set_series_opts(markarea_optsopts.MarkAreaOpts(data[opts.MarkAreaItem(name工作日, x(周一, 周五),itemstyle_optsopts.ItemStyleOpts(color#EF5350,opacity0.2)),opts.MarkAreaItem(name休息日, x(周六, 周日),itemstyle_optsopts.ItemStyleOpts(color#26C6DA,opacity0.2)),])).set_global_opts(title_optsopts.TitleOpts(title示例11)) ) line.render_notebook()更多可视化项目源码数据 点击跳转【全部可视化项目源码数据】 以上就是本期为大家整理的全部内容了赶快练习起来吧原创不易喜欢的朋友可以点赞、收藏也可以分享注明出处让更多人知道。