echarts4.x中 MarkPoint配置coord来确定坐标后,标注里面的内容不显示的问题。

问题描述

echarts中使用MarkPoint标注, 配置coord后,标注里面的label不显示,但是写{type:'min', name: '最小值'},这种写法却可以显示

问题出现的环境背景及自己尝试过哪些方法

在做项目的时候,遇到这个问题。试过在不同的轴,类目轴,非类目轴。就是配置coord来确定坐标后,标注里面的文本不显示了。

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
我的配置项代码。
option = {

  xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
      type: 'value'
  },
  series: [{
      data: [820, 932, 901, 934, 1290, 1330, 1320],
      type: 'line',
      smooth: true,
      markPoint: {
        symbol: 'pin',
        data: [
          {coord: ['Mon', '822'], name: '最小值'},
          // {type: 'min', name: '最大值'}
        ]
      }
  }]
};

你期待的结果是什么?实际看到的错误信息又是什么?

希望大佬能解决这个问题,在线等!,急! 没有报错。只是标注里面的内容不显示。

图片描述
这是配置 {coord: ['Mon', '822'], name: '最小值'}的情况

图片描述
这是配置 {type: 'min', name: '最大值'}的时候,有显示文本。

阅读 8.8k
2 个回答

增加value属性,

{
  coord: ['Mon', '822'], 
  value:'822',
  name: '最小值'
}
推荐问题
宣传栏