美文网首页
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