• pyecharts使用:TooltipOpts的使用及参数配置(目的解决提示框浮层和 axisPointer同时显示提示框问题)


    在使用pyecharts时,要设置柱形图上面的提示框,这个时候需要用到TooltipOpts。

    TooltipOpts使用是在全局配置项里面设置,即:

    .set_global_opts(tooltip_opts=opts.TooltipOpts())

    下图是我同时设置了x轴和y轴的指示线,x轴使用的"shadow",y轴使用的"line",这个时候我是没有设置tooltip_opts。但是呈现的效果就是鼠标放上去x轴和y轴所对应的值都会在提示框中展示。我期望的是只展示x轴的提示信息。

    .set_global_opts(xaxis_opts=opts.AxisOpts(name="时间",axispointer_opts=opts.AxisPointerOpts(is_show=True, type_="shadow")),
                     yaxis_opts=opts.AxisOpts(name="笔数",splitline_opts=opts.SplitLineOpts(is_show=True),
                            axispointer_opts=opts.AxisPointerOpts(is_show=True, type_="line",
                            linestyle_opts=opts.LineStyleOpts(type_="dashed",color="lightskyblue"))),           )

     查看官方文档:http://pyecharts.org/#/zh-cn/

     意思是:只要展示提示框,x轴和y轴对应的提示信息都会在提示框中展示。那么这个时候只有在提示框中的其他参数中寻找方法。

    解决方法:根据文档分别在TooltipOpts设置triggeraxis_pointer_type参数。

    tooltip_opts=opts.TooltipOpts(is_show=True,axis_pointer_type= "cross",trigger="axis")

     参数配置后图形只展示x轴对应的提示框浮层。如下图:

     

  • 相关阅读:
    Git Bash主题配置
    vuex里mapState,mapGetters使用详解
    Vue基础汇总实践
    Chrome for Mac键盘快捷键!来自Google Chrome官网!
    Vue中ESlint配置文件.eslintrc文件
    axios的get,post方法
    正则表达式识别标记——包括它之间的标记
    关于如何在微信里面让video不全屏播放
    javascript执行机制
    防止表单多次提交方法之二
  • 原文地址:https://www.cnblogs.com/deliaries/p/12986045.html
Copyright © 2020-2023  润新知