直接上代码
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 配置
});文章来源地址https://www.toymoban.com/news/detail-819721.html
myChart.on("mouseover", (params) => {
_this.name = params.name;
graphicConfig[0].style.text = _this.name; // 更新文本内容
myChart.setOption({
graphic: graphicConfig, // 更新图表配置
});文章来源:https://www.toymoban.com/news/detail-819721.html
});
到了这里,关于修改Echarts图表的标题和副标题的内容的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!