Question

我使用echarts库创建了一个条形图。如何在用户点击条形图时突出显示条形图，或者在单击条形图时应用条形边框？

有没有办法在条形码触发点击事件时突出显示栏？

Answer 1

是的，单击时可以突出显示一个栏。

触发点击事件时，您可以从参数中获取确切的数据（单条），然后只需更改此数据的颜色（例如，减小alpha值）即可达到“突出显示”目标

不要忘记同时恢复其他数据（未单击）的颜色。

选中此demo

implicit val tolerance: Equality[Double] = TolerantNumerics.tolerantDoubleEquality(1e-6)

def eq(expected: Double, actual: Double): Boolean = expected match {
    case x if x.isNaN => actual.isNaN
    case _ => actual === expected
}

assert(eq(...,...))

Answer 2

可以这样突出显示：

chart.on('click', (params) => {
  chart.dispatchAction({
    type: 'highlight',
    seriesIndex: params.seriesIndex,
    dataIndex: params.dataIndex
  })
})

可以使用emphasis.itemStyle

设置突出显示样式

可在以下位置找到该文档：https://echarts.apache.org/en/api.html#action.highlight

单击echart条形图时如何突出显示栏？

2 个答案: