pyecharts 主题：颜色渐变实例（线性渐变）

效果
配置项：pyecharts官网——ItemStyleOpts：图元样式配置项
代码位置
完整代码

from pyecharts import options as opts
from pyecharts.commons.utils import JsCode
from pyecharts.charts import Barc = (Bar(init_opts=opts.InitOpts(bg_color = "#011C2A")).add_xaxis(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]).add_yaxis("商家A", [5, 20, 36, 10, 75, 90])# 全局配置项.set_global_opts(# y 坐标轴配置项yaxis_opts = opts.AxisOpts(axisline_opts=opts.AxisLineOpts(linestyle_opts=opts.LineStyleOpts(color="#06F6F8")), # 坐标轴轴线配置项),# x 坐标轴配置项xaxis_opts = opts.AxisOpts(axisline_opts=opts.AxisLineOpts(linestyle_opts=opts.LineStyleOpts(color="#06F6F8")), # # 坐标轴轴线配置项),# 标题配置项title_opts=opts.TitleOpts(title="pyecharts颜色渐变实例（线性渐变）", title_textstyle_opts = opts.TextStyleOpts(color = "#FFFFFF"),),# 图例配置项legend_opts=opts.LegendOpts(textstyle_opts = opts.TextStyleOpts(color = "#FFFFFF"),),)# 系列配置项.set_series_opts(# 标签配置项label_opts=opts.LabelOpts(is_show = True,color = "#06F6F8"),# 图元样式配置项itemstyle_opts={# 线性渐变，参考：https://pyecharts.org/#/zh-cn/series_options?id=itemstyleopts# 前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，# 如果 globalCoord 为 `true`，则该四个值是绝对的像素位置"color" : {"type": 'linear',"x": 0,"y": 0,"x2": 0,"y2": 1,"colorStops": [{"offset": 0, "color": '#0781C3' # 蓝色（头部）}, {"offset": 1, "color": '#06F6F8' # 青色（底部）}],},})
)
c.render_notebook()

pyecharts 主题：颜色渐变实例（线性渐变）相关推荐

渐变：线性渐变、径向渐变
渐变: CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡. 分为线性渐变(linear-gradient).径向渐变(radial-gradient) 线性渐变(l ...
CSS3之渐变（线性渐变，径向渐变）
渐变一. 线性渐变 1 线性渐变格式 linear-gradient([<起点> || <角度>,]? <点>, <点& ...
html垂直线性渐变,html5线性渐变
来源: http://www.html5china.com/css3/20111124_2894.html 渐变可以创建类似于彩虹的效果,低版本的浏览器不的不使开发者用图片来实现,CSS3将会轻松实现 ...
html边框颜色线性渐变,CSS线性渐变linear-gradient() 函数实现div边框四角样式
先看下要实现的效果. 四个角边框高亮 css代码实现红色框box-red样式,蓝色的只是变换了颜色.box-title是图上渐变实现. .box-red { background: linear-g ...
gradient设置上下渐变_css3渐变之线性渐变linear-gradient
线性渐变基本语法: background: linear-gradient(direction, color-stop1, color-stop2, ...); 为了创建一个线性渐变,必须至少定义两种 ...
CSS渐变属性——线性渐变
在实际开发中,一个好的视觉效果可以更好的达到修饰网页的效果.而渐变背景在web页面中则是必不可少的. css中的渐变类型定义了两种,线性渐变和径向渐变,本次简单的介绍线性渐变. 语法格式: backg ...
java线性渐变_线性渐变丶Java教程网-IT开发者们的技术天堂
渐变是由两种或多种颜色之间的渐进过渡组成,它是一种特殊的图像类型,分为线性渐变和径向渐变,这两类渐变还会细分为单次和重复两种.渐变图像与传统图像相比,它的优势包括占用更少的字节,避免额外的服务器请求, ...
html5绘制渐变图形-线性渐变
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
html垂直线性渐变,CSS线性渐变垂直和水平渐变linear-gradient
CSS线性渐变 .test1{ width: 200px; height: 80px; text-align: center; line-height: 80px; margin-bottom: 10 ...
AndroidStudio安卓原生开发_UI高级_Shape的使用_虚线_直线_矩形_渐变_径向渐变_线性渐变_扫描渐变---Android原生开发工作笔记122
然后我们再来看一下android中的shape怎么用,可以看到上面就是用shape做出来的效果. 用来做按钮的背景,等. 这个就是用了扫描线渐变. 上面是,对shape做了一些的,介绍和解释,我们一 ...

pyecharts 主题：颜色渐变实例（线性渐变）

pyecharts 主题：颜色渐变实例（线性渐变）相关推荐

最新文章

热门文章