web-dev-qa-db-ja.com

MPAndroidChart棒グラフ水平/垂直

MPAndroidChart ライブラリを使用しています。棒グラフでは、デフォルトですべての棒が垂直（ボトムアップ）ですが、水平に表示するにはどうすればよいですか？

androidmpandroidchart
9
Kishan Vaghela

方向に関しては、2つのタイプの棒グラフがあります。

  • 通常/垂直の棒グラフ（棒はボトムアップになります）、クラスBarChartは、たとえば次のようになります。このような： enter image description here

  • 水平棒グラフ（棒は左右に移動します）、クラスHorizontalBarChartは、次のようになります。

    enter image description here

それに加えて、いわゆるstacked-bars（1つのバーに複数の値）があり、水平方向と垂直方向の両方で使用できますBarChart 。スタックバーのエントリは、BarEntryクラスのコンストラクタを介して作成できます。

// normal entry
BarEntry normalEntry = new BarEntry(float value, int xIndex);

// stacked entry
BarEntry stackedEntry = new BarEntry(float [] values, int xIndex);

また、 設定データに関するドキュメント も確認してください。

17
Philipp Jahoda

たぶん this 他の誰かに役立つ

<FrameLayout
        xmlns:Android="http://schemas.Android.com/apk/res/Android"
        xmlns:tools="http://schemas.Android.com/tools"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        tools:context="com.deals.shockingdeals.DealsFragments.HomeChartFragment">

    <com.github.mikephil.charting.charts.HorizontalBarChart
        Android:id="@+id/chart"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent" />
</FrameLayout>

アクティビティクラスで

 @Override
   public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState)

        HorizontalBarChart chart = (HorizontalBarChart) findViewById(R.id.chart);

        BarData data = new BarData(getXAxisValues(), getDataSet());
        chart.setData(data);
        chart.setDescription("My Chart");
        chart.animateXY(2000, 2000);
        chart.invalidate();

    }

    private ArrayList<BarDataSet> getDataSet() {
        ArrayList<BarDataSet> dataSets = null;

        ArrayList<BarEntry> valueSet1 = new ArrayList<>();
        BarEntry v1e1 = new BarEntry(110.000f, 0); // Jan
        valueSet1.add(v1e1);
        BarEntry v1e2 = new BarEntry(40.000f, 1); // Feb
        valueSet1.add(v1e2);
        BarEntry v1e3 = new BarEntry(60.000f, 2); // Mar
        valueSet1.add(v1e3);
        BarEntry v1e4 = new BarEntry(30.000f, 3); // Apr
        valueSet1.add(v1e4);
        BarEntry v1e5 = new BarEntry(90.000f, 4); // May
        valueSet1.add(v1e5);
        BarEntry v1e6 = new BarEntry(100.000f, 5); // Jun
        valueSet1.add(v1e6);

        ArrayList<BarEntry> valueSet2 = new ArrayList<>();
        BarEntry v2e1 = new BarEntry(150.000f, 0); // Jan
        valueSet2.add(v2e1);
        BarEntry v2e2 = new BarEntry(90.000f, 1); // Feb
        valueSet2.add(v2e2);
        BarEntry v2e3 = new BarEntry(120.000f, 2); // Mar
        valueSet2.add(v2e3);
        BarEntry v2e4 = new BarEntry(60.000f, 3); // Apr
        valueSet2.add(v2e4);
        BarEntry v2e5 = new BarEntry(20.000f, 4); // May
        valueSet2.add(v2e5);
        BarEntry v2e6 = new BarEntry(80.000f, 5); // Jun
        valueSet2.add(v2e6);

        BarDataSet barDataSet1 = new BarDataSet(valueSet1, "Brand 1");
        barDataSet1.setColor(Color.rgb(0, 155, 0));
        BarDataSet barDataSet2 = new BarDataSet(valueSet2, "Brand 2");
        barDataSet2.setColors(ColorTemplate.COLORFUL_COLORS);

        dataSets = new ArrayList<>();
        dataSets.add(barDataSet1);
        dataSets.add(barDataSet2);
        return dataSets;
    }

    private ArrayList<String> getXAxisValues() {
        ArrayList<String> xAxis = new ArrayList<>();
        xAxis.add("JAN");
        xAxis.add("FEB");
        xAxis.add("MAR");
        xAxis.add("APR");
        xAxis.add("MAY");
        xAxis.add("JUN");
        return xAxis;
    }

出力は次のようになります enter image description here

6
Amir