时间戳

首页 > 解决方案 > 如何在echarts中突出显示线条和所有点

echarts - 如何在echarts中突出显示线条和所有点

问题描述

我正在将 echarts 与 Vuejs 一起使用。图表的行为是悬停线。线将突出显示，所有点都将像这样显示。 鼠标悬停时默认在此处输入图像描述 在此处输入图像描述

我尝试使用emphasis类型系列的选项line。但它只制作高亮线。不适用于项目样式。像这样 在此处输入图像描述 我想默认不显示所有点。当强调活跃时，所有的点都会显示出来。但是 echarts 的文档没有提到这个问题。这是我的配置：

        itemStyle: {
          color: '#fff',
          borderColor: color,
          borderWidth: 3,
          opacity: 0,
        },
        lineStyle: {
          width: 2,
          color,
        },
        emphasis: {
          focus: 'series',
          lineStyle: {
            width: 3,
          },
          itemStyle: {
            shadowBlur: 9,
            shadowColor: color,
            opacity: 1,
          },
        },

有任何想法，请给我建议。非常感谢

标签： echarts

解决方案

推荐阅读