目录

修改Echarts图表的标题和副标题的内容

直接上代码

var graphicConfig = [

{

type: "text",

left: "center",

top: "center",

style: {

text: "包日", // 初始化为空字符串

textAlign: "center",

fill: "#000",

fontSize: 14,

fontWeight: "bold",

},

id: "centerText", // 使用 id 标识这个元素,方便后续更新内容

},

];

var myChart = echarts.init(document.getElementById("userTypelistChat"));

myChart.setOption({

graphic: graphicConfig, // 初始化的 graphic 配置

});

myChart.on("mouseover", (params) => {

_this.name = params.name;

graphicConfig[0].style.text = _this.name; // 更新文本内容

myChart.setOption({

graphic: graphicConfig, // 更新图表配置

});

});

本文是转载文章,点击查看原文
如有侵权,请联系 xyy@jishuzhan.net 删除
相关推荐
龙井>_<8 分钟前
vue3使用keep-alive缓存组件与踩坑日记
前端·vue.js·缓存
彭铖洋13 分钟前
VSCode会击败Cursor和Windsurf吗?
javascript·reactjs
Captaincc40 分钟前
OpenAI以API的形式发布了三 个新模型:GPT-4.1、GPT-4.1 mini 和 GPT-4.1 nano
前端·openai
HelloRevit2 小时前
Next.js 快速启动模板
开发语言·javascript·ecmascript
A-Kamen2 小时前
Webpack vs Vite:深度对比与实战示例,如何选择最佳构建工具?
前端·webpack·node.js
codingandsleeping3 小时前
OPTIONS 预检请求
前端·网络协议·浏览器
程序饲养员3 小时前
ReactRouter7.5: NavLink 和 Link 的区别是什么?
前端·javascript·react.js
小小小小宇4 小时前
CSS 层叠上下文总结
前端
拉不动的猪4 小时前
设计模式之------命令模式
前端·javascript·面试
Json____4 小时前
springboot框架集成websocket依赖实现物联网设备、前端网页实时通信!
前端·spring boot·websocket·实时通信