MPAndroidChart 中条形图上的单击事件在条形列上触发，而不是仅在条形上触发

Question

我正在使用 MPAndroidChart 库为必须显示的一些数据制作条形图。 就我而言，当用户单击条形图中的条形时，有关该特定条形的详细信息应显示在 recyclerview 中，如下所示：

应用截图

现在，我的点击事件工作得很好，它们在触发时只显示相关数据。

问题是点击事件会在栏的整个列上触发，而不是仅在栏上触发。 基本上，如果我单击栏上方的空白区域，仍然会触发该栏的相关点击事件。 但是，我只希望在单击栏时触发它。

我的相关代码如下（它在 Kotlin 中，但 Java 中的任何帮助也将不胜感激）：

    mBarChart=findViewById(R.id.bargraph)
    mBarChart.setNoDataText("No data has been logged to the cloud yet")

    rootRef7.addValueEventListener(object : ValueEventListener, com.github.mikephil.charting.listener.OnChartValueSelectedListener {
        override fun onNothingSelected() {
        }

        override fun onValueSelected(e: Entry?, dataSetIndex: Int, h: Highlight?) {
            barSelected= e!!.xIndex
            if(barSelected!=-1)
            {
                mBGListShow.clear()
                mBGListShow.add(mBGList[barSelected])
                RV2.setLayoutManager(LinearLayoutManager(applicationContext))
                RV2.setAdapter(adapter1(mBGListShow))
                //Toast.makeText(applicationContext,"Data loaded, contains " + mBGList.size.toString() + " items", Toast.LENGTH_SHORT).show()
            }
        }

        override fun onDataChange(dataSnapshot: DataSnapshot) {
            // This method is called once with the initial value and again
            // whenever data at this location is updated.
            var i:Int=0
            for (data: DataSnapshot in dataSnapshot.getChildren()) {
                var emailIDDB = data.child("emailID").getValue().toString().trim()

                if (emailIDDB.equals(currentUserEmailID)) {
                    dateDB=data.child("calendarTime").getValue().toString().trim() + " (" + data.child("beforeEvent").getValue().toString().trim() + ")"
                    BGDB=data.child("currentBGLevel").getValue().toString().trim()
                    BGDBNumber=BGDB.toFloat()

                    dateList.add(dateDB)
                    BGList.add(BarEntry(BGDBNumber,i))
                    i++

                    eventDB=data.child("beforeEvent").getValue().toString().trim()
                    currentBGDB=data.child("currentBGLevel").getValue().toString().trim()
                    targetBGDB=data.child("targetBGLevel").getValue().toString().trim()
                    amountOfCHODB=data.child("totalCHO").getValue().toString().trim()
                    disposedCHODB=data.child("amountDisposedByInsulin").getValue().toString().trim()
                    correctionFactorDB=data.child("correctionFactor").getValue().toString().trim()
                    insulinRecommendationDB=data.child("insulinRecommendation").getValue().toString().trim()
                    typeOfInsulinDB=data.child("typeOfBG").getValue().toString().trim()

                    var mBGRecyclerView: BGRecyclerView= BGRecyclerView(eventDB,currentBGDB,targetBGDB,amountOfCHODB,disposedCHODB,correctionFactorDB,insulinRecommendationDB,typeOfInsulinDB)
                    mBGList.add(mBGRecyclerView)
                }
            }

            mBarChart.xAxis.setLabelsToSkip(0)
            mBarChart.setOnChartValueSelectedListener(this)
            var mBarBGDataSet: BarDataSet= BarDataSet(BGList,"BG Level")
            var mBarData:BarData=BarData(dateList,mBarBGDataSet)
            mBarChart.setData(mBarData)
            mBarChart.setTouchEnabled(true)
            mBarChart.setDragEnabled(true)
            mBarChart.setScaleEnabled(true)
            mBarChart.setDescription("")
            mBarChart.setMaxVisibleValueCount(1000)
            mBarChart.invalidate()
        }

        override fun onCancelled(p0: DatabaseError?) {
            TODO("not implemented") //To change body of created functions use File | Settings | File Templates.
        }
    })

Answer 1

我参加聚会迟到了。 这仍然是MPAndroidChart一个错误。 它不区分列的填充区域和未填充区域。 如果我们点击未填充的区域（顶部、底部、左侧、右侧），则会触发OnValueSelected事件。 我已经尝试了一切，但无法解决它。

最后，我找到了一个解决方法。 我用OnChartSingleTap的事件OnChartGestureListener捕捉当前y（的getY）位置。 然后在OnValueselected我比较h.getYPx<=y 。 您也可以对 x 轴执行相同操作。 这为我解决了这个问题。

Answer 2

这是问题的解决方案：即使在未填充（空）条形区域（填充条形区域的顶部）上也调用 onValueSelected：

/**
 * Selected Y Index on user tap
 */
private var selectedYIndex: Float? = null

 override fun onChartSingleTapped(motionEvent: MotionEvent) {
     // Touched chart entry
    val entry: Entry? =
        chartView.getEntryByTouchPoint(motionEvent.x, motionEvent.y)
    selectedYIndex = if (entry != null) {
        //Entry is non-null which means user clicked on bar area (filled or non-filled)
        motionEvent.y
    } else {
        //Entry is null which means user clicked outside of bar area
        null
    }
}

然后在 onValueSelected 中：

override fun onValueSelected(e: Entry?, h: Highlight?) {
    //We check for Selected Y Index is non-null (user tapped on non-filled or filled area of bar)
    //Also, we check for selected highlight is non-null and whether user tapped filled area of bar
    if (selectedYIndex != null && h != null && h.yPx <= selectedYIndex!!) {
              //TODO: User tapped on filled bar area
    } 
}

Answer 3

如果对任何人有帮助，只需向@Malwinder Singh 代码添加更多代码。

您的包含图形的 class 应该实现

• OnChartGestureListener将覆盖一堆方法。
• OnChartValueSelectedListener

我们将修改的onChartSingleTapped OnChartGestureListener

从OnChartValueSelectedListener的覆盖方法中，我们将修改onValueSelected和onNothingSelected

为您的图表视图设置这些值

   chartView.setOnChartValueSelectedListener(this)
    chartView.onChartGestureListener = this

如果你有这条线，请remove它，因为你需要图表难以处理

 chartView.setTouchEnabled(false)

class 顶部声明

 private var selectedYIndex: Float? = null

在栏外触摸时删除突出显示

chartView.highlightValues(null);

更改所选条的颜色

   barDataSet.highLightColor = getColor(R.color.colorSecondary)

onChartSingleTapped 方法

override fun onChartSingleTapped(motionEvent: MotionEvent) {
    val entry: Entry? =
        chartView.getEntryByTouchPoint(motionEvent.x, motionEvent.y)
    selectedYIndex = if (entry != null) {
   //Entry is non-null which means user clicked on bar area (filled or 
   non-filled)
        motionEvent.y
    } else {
        //Entry is null which means user clicked outside of bar area
        null
    }
}

onValueSelected 方法

override fun onValueSelected(e: Entry?, h: Highlight?) {
//We check for Selected Y Index is non-null (user tapped on non-filled or filled area of bar)
//Also, we check for selected highlight is non-null and whether user tapped filled area of bar
        if (selectedYIndex != null && h != null && h.yPx <= selectedYIndex!!) {
            val index = e?.x
            if(index != null) {
         //DO WHAT YOU NEED TO DO AS USER TOUCHED THE BAR
            }
        } else {
            chartView.highlightValues(null);
        }
    }

    override fun onNothingSelected() {
        chartView.highlightValues(null);
    }