000000

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

田舎暮らしエンジニアの備忘録

< 新しい記事

新着記事一覧(全22件)

過去の記事 >

全て | カテゴリ未分類 | Android開発 | 雑記 | C++ | アプリ | GitHub | フリーソフト | 家電

2021.09.05

【VisualStudio】MPAndroidChart グラフのツールチップ表示

テーマ：プログラミングあれこれ(231)

カテゴリ： Android開発

MPAndroidChartで表示したグラフ上にツールチップを表示する方法。

こういうやつ

基本的に作者の説明のまま実装でいいですね。
https://github.com/PhilJay/MPAndroidChart/wiki/MarkerView

日本語で解説してる人ほとんどいなかったので、英語圏とか見ながらやってできるまで時間がかかった…。

1.プロジェクトのフォルダの app\src\main\res\layout にツールチップ用のXMLファイルを作成する。

・marker_view.xml（ファイル名はお好みで）

<? xml version = "1.0" encoding = "utf-8" ?>

< RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android"

xmlns:tools = "http://schemas.android.com/tools"

android:layout_width = "wrap_content"

android:layout_height = "40dp"

android:background = "#999999"

tools:ignore = "Overdraw" >

< TextView

android:id = "@+id/marker_view"

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 = "#ffffff"

android:ellipsize = "end"

android:gravity = "center_vertical|center_horizontal"

android:textAppearance = "?android:attr/textAppearanceSmall" />

</ RelativeLayout >

2.ソースにはCustomMarkerViewのクラスを作る

代わりにMPPointFというのがあるようなのでそれを使う。

ここでfindViewByIdに指定するIDはツールチップ用のXMLとして作成したファイルの、TextViewのIDを使う。

public class CustomMarkerView extends com . github . mikephil . charting . components . MarkerView

{

private TextView tvContent ;

public CustomMarkerView ( Context context , int layoutResource ) {

super ( context , layoutResource );

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

}

@ Override

public void refreshContent ( Entry e , Highlight highlight ) {

tvContent . setText ( "表示したいテキスト " );

super . refreshContent ( e , highlight );

}

private com . github . mikephil . charting . utils . MPPointF mOffset ;

@ Override

public com . github . mikephil . charting . utils . MPPointF getOffset () {

if ( mOffset == null ) {

mOffset = new com . github . mikephil . charting . utils . MPPointF (-( getWidth () / 2 ), - getHeight ()- 5 );

}

return mOffset ;

}

3.グラフにCustomMarkerViewのクラスをセットする

作成したChartデータにCustomMarkerViewクラスをセットすれば、グラフを選択したときにツールチップが出るようになる。

CustomMarkerViewクラス作成時の第２引数(layoutResource)はツールチップ用のXMLファイルの名前を指定。