マーカーをカスタマイズする - MPAndroidChart

Question

MPAndroidChartを使用して単純な棒グラフを作成しました。マーカーの目的のために、私はMarkerViewを延長しています。 Gitのハブに示すように、私はこのように、マーカーを必要とする：

しかし、私はその矢が届きません。それは代わりに私が使用する必要があり、クラスの長方形のボックスのコメントボックスのように見えるようにするために/

：だからそれはコメントのように見ていない、それは長方形のボックスです。私はIMarker、MarkerImageをチェックしましたが、どちらを先に進めるべきかはわかりません。

MPPointFさえ動作しません。パッケージに

import com.github.mikephil.charting.utils.MPPointF;

コードをインポートすることはできません：

@Override 
public void refreshContent(Entry e, Highlight highlight) { 
    tv_turnOver.setText("Turn over: " + (int) e.getVal()); 

    /* 
    if (e instanceof CandleEntry) { 

     CandleEntry ce = (CandleEntry) e; 

     tv_label.setText("" + Utils.formatNumber(ce.getVal(), 0, true)); 
    } else { 

     tv_label.setText("" + Utils.formatNumber(e.getXIndex(), 0, true)); 
    }*/ 

    // super.refreshContent(e, highlight); 
} 

Answer 1

https://github.com/PhilJay/MPAndroidChart/blob/master/MPChartExample/res/drawable-nodpi/marker2.png

背景これだけです

として画像を使用して

...

それだそれ？！

背景色「赤」の代わりに、この画像を使ってその矢印を取得しました。

Answer 2

は、あなたが最新バージョンMPAndroidChart（3.0.1）を持っていることを確認してください。デバイス上でサンプルプロジェクトを複製、ビルド、および実行します。 「折れ線グラフ - 折れ線グラフの簡単なデモンストレーション」というメニューの最初の例は、必要なハイライト表示を持っていることがわかります。

コードがLineChartActivity1にサンプルプロジェクト内にある：それはこのようになります。 XMLは以下の通りです：

package com.xxmassdeveloper.mpchartexample.custom; 

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

import com.github.mikephil.charting.components.MarkerView; 
import com.github.mikephil.charting.data.CandleEntry; 
import com.github.mikephil.charting.data.Entry; 
import com.github.mikephil.charting.highlight.Highlight; 
import com.github.mikephil.charting.utils.MPPointF; 
import com.github.mikephil.charting.utils.Utils; 
import com.xxmassdeveloper.mpchartexample.R; 

/** 
* Custom implementation of the MarkerView. 
* 
* @author Philipp Jahoda 
*/ 
public class MyMarkerView extends MarkerView { 

    private TextView tvContent; 

    public MyMarkerView(Context context, int layoutResource) { 
     super(context, layoutResource); 

     tvContent = (TextView) findViewById(R.id.tvContent); 
    } 

    // callbacks everytime the MarkerView is redrawn, can be used to update the 
    // content (user-interface) 
    @Override 
    public void refreshContent(Entry e, Highlight highlight) { 

     if (e instanceof CandleEntry) { 

      CandleEntry ce = (CandleEntry) e; 

      tvContent.setText("" + Utils.formatNumber(ce.getHigh(), 0, true)); 
     } else { 

      tvContent.setText("" + Utils.formatNumber(e.getY(), 0, true)); 
     } 

     super.refreshContent(e, highlight); 
    } 

    @Override 
    public MPPointF getOffset() { 
     return new MPPointF(-(getWidth()/2), -getHeight()); 
    } 
} 

そして、それはこのように消費されています：

<TextView 
     android:id="@+id/tvContent" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="7dp" 
     android:layout_marginLeft="5dp" 
     android:layout_marginRight="5dp" 
     android:text="" 
     android:textSize="12dp" 
     android:textColor="@android:color/white" 
     android:ellipsize="end" 
     android:singleLine="true" 
     android:textAppearance="?android:attr/textAppearanceSmall" /> 

</RelativeLayout> 

MarkerViewは、次のとおりです。

MyMarkerView mv = new MyMarkerView(this, R.layout.custom_marker_view); 
mv.setChartView(mChart); // For bounds control