pyecharts+django之自定义tooltip内容

在自学django,目前有用到图表,处于pyecharts入门级别,遇到一些问题请求度娘未果,然后自己记录一下:)

问题:
使用树形图,tooltip显示的文字应该如何去定义?

探索过程:
首先知道tooltip的总体设置是怎么做的,参考 pyecharts.org 发现是在add方法里定义:
Tree的add方法
tooltip_opts(截图省略中间内容)
尝试如下:

def make_tree(data):
    tree = (Tree()
            	.add(""
            		, data
                	,tooltip_opts=options.TooltipOpts()
           		)
           )
    return tree

默认的tooltip是这样的:
在这里插入图片描述
查看pyecharts源代码,global_options.py中的TooltipOpts类,可以找到控制tooltip文本的参数:

formatter: Optional[JSFunc] = None,

自己尝试如下:

def make_tree(data):
   tree = (Tree()
           	.add(""
           		, data
               	,tooltip_opts=options.TooltipOpts(formatter="test")
          		)
          )
   return tree

得到结果:
在这里插入图片描述
此时已经成功修改了tooltip的文本,但三个节点都是一样的,如果想使用变量怎么办?
笔者自己的需求是让每个节点的tooltip展示其value值,大家可以据此自己进行扩展实验~
从之前的源代码可以看出,formatter是可以使用JSFunc的,
尝试如下:

def make_tree(data):
   tree = (Tree()
           	.add(""
           		,data
               	,tooltip_opts=options.TooltipOpts(formatter=JsCode(
                        """function (params) {
                               return params.value;
                           }"""
                   ))
               )
          )
   return tree

得出结果:
在这里插入图片描述
至此已经可以成功展示node自己的value了~新手献丑的第一篇博客:)

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
要实现 Django + Pyecharts + MySQL 前后端分离,需要按照以下步骤进行: 1. 后端 Django + MySQL 的实现 首先,根据需求设计数据库表结构,并使用 Django 自带的 ORM 操作数据库。在 Django 中,可以使用 Django REST framework 进行 API 接口的开发,将数据以 JSON 或 XML 格式返回给前端。 2. 前端 Pyecharts 的实现 在前端页面中,使用 Pyecharts 进行图表的绘制。Pyecharts 是一个基于 Echarts 的 Python 图表库,可以轻松绘制各种类型的图表。需要注意的是,Pyecharts 并不是一个前端框架,而是一种将 Python 代码转换成 JavaScript 代码的工具。 3. 前后端分离的实现 在前后端分离的架构中,前端和后端是分离的两个部分,通过 API 接口进行通信。在 Django 中,可以使用 Django REST framework 进行 API 接口的开发,并将数据以 JSON 格式返回给前端。前端通过 AJAX 调用这些 API 接口,获取数据并绘制图表。 4. 部署 最后,需要将 Django 后端和前端页面部署到不同的服务器上,以实现前后端分离。可以使用 Docker 进行部署,将 Django 应用和前端页面分别打包成 Docker 镜像,并使用 Docker Compose 进行部署管理。 总的来说,实现 Django + Pyecharts + MySQL 前后端分离需要对 DjangoPyecharts、MySQL、Django REST framework 等技术有一定的了解和实践经验。同时,需要注意前后端分离架构的设计和实现,以确保系统的稳定性和可扩展性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值