美文网首页
echart图表,数据太少,不太好点

echart图表,数据太少,不太好点

作者: 歌声缓缓 | 来源:发表于2021-07-21 18:18 被阅读0次

比如柱状图,数据太少,用户不好点击

myChart.getZr().off('click');     

myChart.getZr().on('click', function(param) {       

var pointInPixel= [param.offsetX, param.offsetY];     

  if (myChart.containPixel('grid',pointInPixel)) {         

  //当柱状图为纵向        

  var xIndex=myChart.convertFromPixel({seriesIndex:0},[param.offsetX, param.offsetY])[0];         

  var xData=option.xAxis.data[xIndex];//当前点击柱子的数据     

 //当柱状图为横向       

// var yIndex=myChart.convertFromPixel({seriesIndex:0},[param.offsetX, param.offsetY])[1];     

  // var yData=option.yAxis.data[yIndex];//当前点击柱子的数据       

//....  业务逻辑     

  }      });

相关文章

网友评论

      本文标题:echart图表,数据太少,不太好点

      本文链接:https://www.haomeiwen.com/subject/rtojmltx.html