La columna echart es demasiado corta para hacer clic

Al hacer un gráfico de barras echarts, a veces puede haber funciones de giro hacia abajo o algunas funciones de clic, que generalmente se utilizan myChart.on('click',function(){//执行代码})para realizar la función. Sin embargo, a veces puede haber muy pocos datos para una determinada columna, en la que no se puede hacer clic. Puede usar myChart.getZr().on('click',function(){})para reemplazar el evento de clic anterior, de la siguiente manera:

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 debe usarse con farmator en la descripción emergente. Agregue el siguiente código en la opción:

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

这里的‘$this.tacitly.parma’Es una variable definida globalmente por mí mismo, que se puede definir según la situación real

Supongo que te gusta

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