Javascript 如何更改highchart上未悬停列的不透明度？

是否可以在不更改默认不透明度的情况下更改Highcharts中未悬停点的不透明度

我有一个不透明的列图表：默认情况下所有列为1。但我希望在用户悬停列时，将所有列的不透明度设置为0.3，但悬停的列除外，如本例所示：

任何列中不带悬停的图表：

带悬停的图表：

代码如下：

Html:

this.graphic=Highcharts.chart'graph-roa'{ 图表：{ zoomType:'xy'， 玛金托普：20 }, 标题：{ 文本：未定义 }, 学分：{ 正文：， href: }, xAxis：[{ 类别：['13/07'，'14/07'，'15/07'，'16/07'，'17/07'，'20/07'，'21/07'] }], 亚克斯：[ { 线宽：1， 网格线宽：0， 标签：{ 格式化程序{ 返回此.value； }, 风格：{ 颜色：Highcharts.getOptions.color[1] } }, 标题：{ 对齐：“高”， 抵销：3， 文本：“Reais”， 轮换：0， y:-10 } }, { 标题：{ 正文： }, 标签：{ 格式：， 风格：{ 颜色：“fff” } }, 相反：对 } ], 工具提示：{ 分享：是的， }, 图例：{ 布局：“垂直”， 对齐：“左”， x:700， 垂直排列：“顶部”， y:10， 浮动：是的， 背景颜色：“000”和“fff”| |“RGBA255255,0.25” }, 系列：[{ 名字：'英勇'， 键入：“列”， 颜色：“106D98”， 数据：[20,60,40100,20,20,20,20]， 光标：“指针”， }] }; .图表{ //宽度：自动； 高度：180像素； 显示：块； 边缘顶部：20px； } 德米斯达多斯罗阿{ 字体系列：$tt规范规则； 字体大小：14px； 边缘底部：2米； .标签{ 颜色：$sec-5； } 重新通过Esc。 150K

阿库姆·朱尔霍

这是密码

这个想法是：

.outer:hover>*{opacity:0.4；}此处所有红色项目在悬停时略微褪色。 Now.outer:hover>*：hover用于设置当前悬停项的样式。 .外部{ 显示：内联块； } .内部{ 高度：100px； 宽度：20px； 背景：红色； 显示：内联块； 右边距：10px； } .外部：悬停>*{ 不透明度：0.4； } .外部：悬停>*：悬停{ 转换：scale1.1； 不透明度：1； } 这是密码

这个想法是：

.outer:hover>*{opacity:0.4；}此处所有红色项目在悬停时略微褪色。 Now.outer:hover>*：hover用于设置当前悬停项的样式。 .外部{ 显示：内联块； } .内部{ 高度：100px； 宽度：20px； 背景：红色； 显示：内联块； 右边距：10px； } .外部：悬停>*{ 不透明度：0.4； } .外部：悬停>*：悬停{ 转换：scale1.1； 不透明度：1； }

---

您可以通过使用mouseOver和mouseOut回调来更改点的不透明度来实现这一点

演示：

---

API:

您可以通过使用mouseOver和mouseOut回调来更改点的不透明度来实现此功能

演示：

---

API:

一些html和css代码可能会有所帮助。注意：您需要直接使用highcharts的解决方案，还是允许它提供css/javascript解决方案？@DebsmitaPaul我没有提供任何代码，因为我想知道这可能是不必要的，因为它是默认的highchart列图表，但我会提供它。@xKobalt css/js是允许的。s一些html和css代码可能会有所帮助。注意：您需要直接使用highcharts的解决方案，还是允许它提供css/javascript解决方案？@DebsmitaPaul我没有提供任何代码，因为我想知道这可能是不必要的，因为它是默认的highchart列图表，但我会提供它。@xKobalt css/js是允许的。谢谢这正是我要找的！谢谢！这正是我要找的！

point: {
  events: {
    mouseOver() {
      let series = this.series;

      series.points.forEach(p => {
        p.graphic.css({
          opacity: 0.3
        })
      })

      this.graphic.css({
        opacity: 1
      })
    },
    mouseOut() {
                let series = this.series;

      series.points.forEach(p => {
        p.graphic.css({
          opacity: 1
        })
      })
    }
  }
},