如何通过MPandroidChart在我的candlechart上添加高亮文本?

时间:2018-03-02 22:32:46

标签: java android mpandroidchart

enter image description here 我只是想在我的图表中添加“在高亮十字准线周围显示一个小方块,在我在图表上滑动时显示Y轴的数据”, 例如,如果我使用折线图 入口数据由以下构造用于循环

for (int i = 0; i <= barcount; i ++) {
LinValues.add (new Entry (i, 10000 + 2 * i));
}
///Set LineDataSet
LineDataSet setline = new LineDataSet (LinValues, "AVER");
setline.setAxisDependency (YAxis.AxisDependency.LEFT);
setline.setColor (Color.GREEN);
setline.setLineWidth (1f);
setline.setDrawCircles (false);
setline.setDrawValues ​​(false);
setline.setHighLightColor (Color.WHITE);
LineData line = new LineData (setline);
Legend l =combchart.getLegend();
l.setTextColor(Color.WHITE);
YAxis yLAxis =combchart.getAxisLeft();
yLAxis.setTextSize(22f);
yLAxis.setLabelCount(5,true);
yLAxis.setTextColor(Color.WHITE);
YAxis yRAxis = combchart.getAxisRight();
yRAxis.setEnabled(false);
Linechat.setData (line);

如何在第i个十字准线旁边的“LinValues”中添加“ith值”,当我滑动到“第n个数据点”时,十字准线附近的值会将值更改为“第n个值” “LinValues? 你能救我吗?????

1 个答案:

答案 0 :(得分:0)

好的,这可以通过使用以下说明的标记视图来完成:

首先在项目中添加java类CustomMarkerView并在其中写下代码。

package maniac.professionalchartsfree.Utilities;

import android.content.Context;
import android.widget.TextView;

import com.github.mikephil.charting.components.MarkerView;
import com.github.mikephil.charting.data.Entry;
import com.github.mikephil.charting.highlight.Highlight;

import maniac.professionalchartsfree.R;

/**
 * Created by saad.rafique on 1/5/2018.
*/

public class CustomMarkerView extends MarkerView
{
private TextView tvContent;

public CustomMarkerView(Context context, int layoutResource, int valueSize, int valueColor)
{
    super(context, layoutResource);
    // this markerview only displays a textview
    tvContent = findViewById(R.id.tvContent);
    tvContent.setTextSize(valueSize);
    tvContent.setTextColor(valueColor);
}

// callbacks everytime the MarkerView is redrawn, can be used to update the
// content (user-interface)

@Override
public void refreshContent(Entry e, Highlight highlight)
{
    tvContent.setText("x: " + e.getX() + "\n" +"y: " + e.getY()); // set the entry-value as the display text
}

}

之后,在layout文件夹中创建一个custom_marker.xml文件,并在其中写下以下代码。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="75dp"
android:layout_height="75dp"
android:background="@drawable/markers_bg"
>

<TextView
    android:id="@+id/tvContent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:paddingBottom="15dp"
    android:textAppearance="?android:attr/textAppearanceSmall" />

</LinearLayout>

在您创建图表的活动中添加方法之后:

public CustomMarkerView markerView(Context context)
{
    CustomMarkerView mv = new CustomMarkerView(context, R.layout.custom_marker, 16, Color.WHITE);
    mv.setOffset(- mv.getWidth() / 2, -mv.getHeight()-25);
    return mv;
}

之后添加以下行:

    lineChart.setDrawMarkers(true);
    lineChart.setMarker(markerView(context));

现在运行您的项目,当您点击折线图的点时,您将得到您想要的结果。