pyecharts 柱状图自定义tooltip提示框,以及数据传入办法
程序员文章站
2022-03-27 14:00:33
pyecharts 柱状图自定义tooltip提示框,以及数据传入办法我的需求鼠标移动到柱状图上时,显示对应的文本信息。最终效果(fake_data)如下图:查阅的资料1,echarts中的用法2,pyecharts中JsCode简介3,pyeachrts中散点图自定义提示框办法感谢以上三位博主,虽然没有直接解决我的问题,但是受到启发有了灵感~代码from pyecharts.charts import Barfrom pyecharts.commons.utils import J...
pyecharts 柱状图自定义tooltip提示框,以及数据传入办法
我的需求
鼠标移动到柱状图上时,显示对应的文本信息。
最终效果(fake_data)如下图:
查阅的资料
1,echarts中的用法
2,pyecharts中JsCode简介
3,pyeachrts中散点图自定义提示框办法
感谢以上三位博主,虽然没有直接解决我的问题,但是受到启发有了灵感~
代码
from pyecharts.charts import Bar
from pyecharts.commons.utils import JsCode
from pyecharts import options as opts
from pyecharts.globals import ThemeType
js_code_str= '''
function(params){
return params.data.text;
}
'''
bar = Bar(init_opts= opts.InitOpts(page_title= 'DTC Chart',theme= ThemeType.SHINE,))
x_axis = ['苹果','香蕉','橙子']
bar.add_xaxis(x_axis)
y_axis = [{'value':4,'text':'小明'},{'value':5,'text':'小刚'},{'value':5,'text':'小红'}]
bar.add_yaxis('',y_axis=y_axis)
bar.set_global_opts(title_opts=opts.TitleOpts(title='水果', subtitle='All'),
tooltip_opts=opts.TooltipOpts(formatter=JsCode(js_code_str)),
xaxis_opts=opts.AxisOpts(name=''),
yaxis_opts=opts.AxisOpts(name='数量',type_='value')
)
bar.render()
文本数据传入代码说明
y_axis = [{'value':4,'text':'小明'},{'value':5,'text':'小刚'},{'value':5,'text':'小红'}]
1,需要提示框显示的文本数据通过Y轴传入。文本数据与Y轴的数值数据以字典的形式放入列表中,再传入y_axis
2,y轴数值数据的 key 必须是‘value’。我尝试下来是这样,猜测在源码中是通过字符串‘value’来获取y轴的数值数据。欢迎指正~
提示框显示说明
js_code_str= '''
function(params){
return params.data.text;
}
'''
tooltip_opts=opts.TooltipOpts(formatter=JsCode(js_code_str))
利用formatter 以及JsCode获取到文本数据并在提示框中显示。
这一部分请看:
pyecharts中JsCode简介
End
欢迎留言,讨论&指正~
本文地址:https://blog.csdn.net/Dylan_ddd/article/details/110470254