A coluna echart é muito curta para ser clicada

Ao fazer gráficos de barras echarts, às vezes pode haver redução ou algumas funções de clique, que geralmente são usadas myChart.on('click',function(){//执行代码})para realizar a função. No entanto, às vezes pode haver poucos dados para uma determinada coluna, que pode não ser clicada. Você pode usar myChart.getZr().on('click',function(){})para substituir o evento de clique anterior, da seguinte maneira:

myChart.getZr().on('click', function (p) {
   const pointInPixel = [p.offsetX, p.offsetY];
   if (myChart.containPixel('grid', pointInPixel)) {
     //执行代码
     console.log($this.tacitly.parma[0])
   }
});

Este tipo de evento precisa ser usado com o farmator na dica de ferramenta. Adicione o seguinte código na opção:

tooltip: {
       trigger: 'axis',
      formatter: function (p) {
          $this.tacitly.parma = p 
     }
},

这里的‘$this.tacitly.parma’É uma variável definida globalmente por mim, que pode ser definida de acordo com a situação real

Acho que você gosta

Origin blog.csdn.net/BookstoreSpirit/article/details/108078856
Recomendado
Clasificación