关于echarts显示动态数据以及在节点中添加提示文本遇到的问题

日期：2023-09-29 19:08

我刚接触echarts，在使用过程中遇到了两个困难，

1. 每个节点显示动态数据。这其实可以通过配置项来完成。系列数据绑定中，可以使用原配置项itemStyle中的标签格式来完成，如下：

代码如下。如果需要修改文字显示样式，则需要完成额外的配置项（如font-style、font-weight等）

{
      name: '其中：少数民族',
      类型：'线'，
      数据：ssmz，
      标记点：{
        数据 ： [
          {类型：'最大值'，名称：'最大值'}，
          {type：'min'，name：'最小值'}
        ]
      },
      itemStyle: {//节点数据显示
        普通的： {
          标签： {
            显示：真实，
            位置：'右'，
            formatter: ssmz,//该值动态显示数据。如果需要固定文本，直接写。
          }
        }
      }
    },

2。有些客户会提出其他要求。虽然折线显示最高值和最低值，但需要在折线末尾添加折线的含义。这时候也可以通过itemStyle来完成，只需在formatter中格式化文本即可。出现提示时需要自己写一个函数进行格式化判断，然后显示

代码如下：

{
      名称：'总计'，
      类型：'线'，
      数据：hj，
      标记点：{
        数据 ： [
          {类型：'最大值'，名称：'最大值'}，
          {type：'min'，name：'最小值'}
        ],
      },
      项目样式：{
        普通的： {
          标签： {
            显示：真实，
            位置: '右',//右
            offset:[20,0],//水平向右20
            formatter: function(para){//格式化提示文本
            if(para.value == hj[hj.length-1]){
            return 'total';//显示文本
            }别的{
            返回 '';
            }
            }
          }
        }
      }
    },

总结

以上就是小编给大家介绍的关于echarts在节点上展示动态数据以及添加提示文字时遇到的问题。希望对您有所帮助。如果有什么问题请给我留言，小编会及时回复大家。也非常感谢大家对来客网网站的支持！

最近发表

猜你喜欢

关于echarts显示动态数据以及在节点中添加提示文本遇到的问题

相关文章