我使用eacharts,自定义label,怎么不显示了?变成字符串了?-灵析社区

你好我叫张倩话

option = { xAxis: { type: "category", data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"] }, yAxis: {}, series: [{ data: [820, 932, 901, 934, 1290, 1330, 1320], type: "line", emphasis: { // 设置鼠标悬停样式 label: { show: true, }, }, // 添加label配置 label: { show: false, position: 'top', // 自定义label的内容 formatter: function (params) { // 自定义复杂的HTML内容 return '{b}: {@score}'; }, }, }] } ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/e5ee58b2254166caa98e5de6ef56e674.png) 我想实现这个的效果![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/082d31dc86c12176763c06428e30faeb.png) 解决了。这个鼠标放上去的显示,不是label。这个地方可以写html,但是记住是html格式的字符串,还是不能用jsx。 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/6d12cafede9d5d5142d610f98499e0d1.png)

阅读量:14

点赞量:0

问AI
使用: formatter: '{b}: {@score}' 不要和回调函数方式的用法混淆使用 不知道文档这部分是不是你的需求-使用formatter搭配rich: "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241213/cead4cc7c2e66b336234ff6a4e3cb387.png) 见: "https://echarts.apache.org/zh/option.html#series-line" (https://link.segmentfault.com/?enc=C4ur2MYqJXMhF%2BrG96p05g%3D%3D.DEqYrJ480RNCSBbXxGvzyQc19K70b3ZONG8X%2B7m3y8ZlL%2FsQZm3vmRZDgh3ossF8yP4%2BJ2u5DeI7KG9LyPMEpw%3D%3D)