ECharts 48 版本 line类型的图标 设置如果值超过了设定的数字那么让这个点高亮显示成特殊颜色

在ECharts 4.8版本中，可以通过设置line类型图表的itemStyle属性来实现值超过设定数字时点高亮显示成特殊颜色。具体步骤如下：

1. 首先，在option配置中定义一个itemStyle对象，用于设置点的样式：

itemStyle: {
  normal: {
    color: 'blue' // 默认点的颜色
  },
  emphasis: {
    color: 'red' // 高亮显示时点的颜色
  }
}

2. 然后，在series系列中的data数据数组中，为每个数据点设置一个value值，并在itemStyle中根据value值判断是否超过设定数字，并设置emphasis属性来高亮显示：

data: [
  { value: 10, itemStyle: { emphasis: { color: 'red' } } },
  { value: 20, itemStyle: { emphasis: { color: 'red' } } },
  { value: 30, itemStyle: { emphasis: { color: 'red' } } },
  { value: 40, itemStyle: { emphasis: { color: 'red' } } },
  { value: 50, itemStyle: { emphasis: { color: 'red' } } },
  { value: 60, itemStyle: { emphasis: { color: 'red' } } },
  // 其他数据点
]

这样，当某个数据点的value值超过设定的数字时，该点就会高亮显示成特殊颜色（红色）。你可以根据需要自定义颜色。

完整示例代码如下：

option = {
  // 其他配置项
  series: [
    {
      type: 'line',
      data: [
        { value: 10, itemStyle: { emphasis: { color: 'red' } } },
        { value: 20, itemStyle: { emphasis: { color: 'red' } } },
        { value: 30, itemStyle: { emphasis: { color: 'red' } } },
        { value: 40, itemStyle: { emphasis: { color: 'red' } } },
        { value: 50, itemStyle: { emphasis: { color: 'red' } } },
        { value: 60, itemStyle: { emphasis: { color: 'red' } } },
        // 其他数据点
      ],
      itemStyle: {
        normal: {
          color: 'blue' // 默认点的颜色
        },
        emphasis: {
          color: 'red' // 高亮显示时点的颜色
        }
      }
    }
  ]
};

通过以上步骤，你可以实现当值超过设定的数字时，让对应的点高亮显示成特殊颜色