Android開発における少しずつの記録

MPAndroidChart折れ線グラフを描く



Mpandroidchart Draw Line Chart



1.pandroidchartlibrary-2-0-8.jarパッケージをプロジェクトのライブラリにコピーします

2.xmlファイルを定義します




3.メイン Java ロジックコードは以下の通りで、コメントを追加しました。



[java] プレーンビュー コピー コード 画像
  1. パッケージcom.example.mpandroidlinechart
  3. インポートjava.util.ArrayList
  5. インポートcom.github.mikephil.charting.charts.LineChart
  6. インポートcom.github.mikephil.charting.components.Legend
  7. インポートcom.github.mikephil.charting.components.Legend.LegendForm
  8. インポートcom.github.mikephil.charting.data.Entry
  9. インポートcom.github.mikephil.charting.data.LineData
  10. インポートcom.github.mikephil.charting.data.LineDataSet
  12. インポートandroid.support.v7.app.ActionBarActivity
  13. インポートandroid.graphics.Color
  14. インポートandroid.os.Bundle
  16. 公衆 クラスMainActivity拡張しますActionBarActivity {
  18. 民間折れ線グラフmLineChart
  19. //プライベート書体mTf
  21. @オーバーライド
  22. 保護された ボイドonCreate（Bundle savedInstanceState）{
  23. 素晴らしい.onCreate（savedInstanceState）
  24. setContentView（R.layout.activity_main）
  26. mLineChart =（折れ線グラフ）findViewById（R.id.spread_line_chart）
  28. // mTf = Typeface.createFromAsset（getAssets（）、 'OpenSans-Bold.ttf'）
  30. LineData mLineData = getLineData（36、100）。
  31. showChart（mLineChart、mLineData、Color.rgb（114、188、223））
  32. }
  34. //表示スタイルを設定します
  35. 民間 ボイドshowChart（LineChart lineChart、LineData lineData、int色） {
  36. lineChart.setDrawBorders（false）。//折れ線グラフに境界線を追加するかどうか
  38. //説明テキストなし
  39. lineChart.setDescription（''）。//データの説明
  40. //データがない場合は、listviewのemtpyviewと同様に表示されます
  41. lineChart.setNoDataTextDescription（「チャートのデータを提供する必要があります。」）。
  43. //グリッドの背景を有効/無効にします
  44. lineChart.setDrawGridBackground（false）。//テーブルの色を表示するかどうか
  45. lineChart.setGridBackgroundColor（Color.WHITE＆0x70FFFFFF）。//テーブルの色、ここでは色の透明度を設定します
  47. //タッチジェスチャを有効にします
  48. lineChart.setTouchEnabled（true）。//タッチできるかどうかを設定します
  50. //スケーリングとドラッグを有効にします
  51. lineChart.setDragEnabled（true）。//ドラッグすることは可能ですか
  52. lineChart.setScaleEnabled（true）。//ズームすることは可能ですか
  54. //無効にすると、スケーリングはx軸とy軸で別々に実行できます
  55. lineChart.setPinchZoom（false）。//
  57. lineChart.setBackgroundColor（color）//背景を設定します
  59. //データを追加します
  60. lineChart.setData（lineData）//設定データ
  62. //凡例を取得します（データを設定した後にのみ可能）
  63. 凡例mLegend = lineChart.getLegend（）//スケールアイコンを設定して、それがyのセットの値であることを示します
  65. //凡例を変更します..。
  66. // mLegend.setPosition（LegendPosition.LEFT_OF_CHART）
  67. mLegend.setForm（LegendForm.CIRCLE）// スタイル
  68. mLegend.setFormSize（6f）//フォント
  69. mLegend.setTextColor（Color.WHITE）// 色
  70. // mLegend.setTypeface（mTf）//フォント
  72. lineChart.animateX（2500）。//すぐに実行されるアニメーション、x軸
  73. }
  75. / **
  76. *データを生成する
  77. * @Paramは、チャート内の座標点の数を示します
  78. * @Param rangeは、範囲内の乱数を生成するために使用されます
  79. * @return
  80. * /
  81. 民間LineData getLineData（intカウント、浮く範囲） {
  82. ArrayList xValues =新着配列リスト（）
  83. ために（（inti =0私
  84. // x軸に表示されるデータは、デフォルトでデジタル添え字を使用して表示されます
  85. xValues.add（''+ i）
  86. }
  88. // y軸のデータ
  89. ArrayList yValues =新着配列リスト（）
  90. ために（（inti =0私
  91. 浮く値=（浮く）（Math.random（）*範囲）+3
  92. yValues.add（新着エントリ（値、i））
  93. }
  95. //データセットを作成し、タイプを指定します
  96. // y軸でのデータ収集
  97. LineDataSet lineDataSet =新着LineDataSet（yValues、「テスト折れ線グラフ」 / *縮尺図に表示* /）。
  98. // mLineDataSet.setFillAlpha（110）
  99. // mLineDataSet.setFillColor（Color.RED）
  101. // y軸セットを使用してパラメータを設定します
  102. lineDataSet.setLineWidth（1.75f）//線幅
  103. lineDataSet.setCircleSize（3f）//表示される円のサイズ
  104. lineDataSet.setColor（Color.WHITE）//色を表示します
  105. lineDataSet.setCircleColor（Color.WHITE）//円の色
  106. lineDataSet.setHighLightColor（Color.WHITE）//強調表示された線の色
  108. ArrayList lineDataSets =新着配列リスト（）
  109. lineDataSets.add（lineDataSet）//データセットを追加します
  111. //データセットを使用してデータオブジェクトを作成します
  112. LineData lineData =新着LineData（xValues、lineDataSets）
  114. 戻るlineData
  115. }
  116. }

効果チャートは次のとおりです。


折れ線グラフには別の表現があります。つまり、線が滑らかで、線とX軸を任意の色で塗りつぶすことができます。実際、それはいくつかの属性設定の問題です。コードは次のとおりです。



上記のgetLineData（）関数に独自の設定を追加します。


効果チャートは次のとおりです。


MPAndroidChartで塗りつぶされた折れ線グラフに関するオンライン投稿はほとんどなく、基本的にはありません。これは、JFreeChartなどのインターネット上の他のオープンソースチャートライブラリの検索です...さらに、ソースコードだけを見て、それを要約しました。それが正しいかどうかはわかりませんが、効果は基本的には問題ありません。問題を見つけたら、私を訂正してください！


転載元：http：//blog.csdn.net/shineflowers/article/details/44704723学習を続ける~~