对话框片段中的 MP 图表

Posted 2023-02-19

【中文标题】对话框片段中的 MP 图表

【英文标题】：MP CHART in dialog fragment

【发布时间】：2021-12-10 17:19:16

【问题描述】：

我正在尝试在对话框片段中自定义 MP 图表，但没有得到想要的结果。我没有收到任何小的变化，但我确实得到了我真正想要的活动。我也尝试过附加调试器，但无法更改图表的线条颜色或渐变。

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    android:background="@drawable/graphbackground_bg"
    >

    <LinearLayout
        android:layout_marginTop="5dp"
        android:layout_marginLeft="5sp"
        android:layout_marginRight="5sp"
        android:layout_
        android:layout_
        android:gravity="center"
        android:orientation="vertical">

        <com.github.mikephil.charting.charts.LineChart
            android:layout_
            android:layoutDirection="locale"
            android:layout_gravity="center"
            android:layout_
            android:id="@+id/symbolChart"/>
    </LinearLayout>
</LinearLayout>

片段

public class ScripChartFragment extends DialogFragment 
    LineChart lineChart;
    LineData lineData;
    LineDataSet set1;
    private Context context;
    View view;
    List<Entry> entryList = new ArrayList<>();
    public Drawable drawablePositive;

    public ScripChartFragment() 
        // Required empty public constructor
    

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

    

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) 
        // Inflate the layout for this fragment
        view =  inflater.inflate(R.layout.fragment_scripchart, container, false);
        getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        context = getContext();

        drawablePositive = ContextCompat.getDrawable(context, R.drawable.symbolchart_bg);
        lineChart = view.findViewById(R.id.symbolChart);

        setData(20,3);
        lineChart.getDescription().setEnabled(true);
        lineChart.setDrawGridBackground(true);
        lineChart.setDragEnabled(true);
        lineChart.getLegend().setEnabled(true);
        lineChart.setScaleEnabled(true);
        lineChart.setScaleYEnabled(true);
        lineChart.setScaleXEnabled(true);
        lineChart.setDrawGridBackground(false);
        lineChart.getXAxis().setEnabled(true);
        lineChart.getLineData().setDrawValues(true);
        lineChart.getXAxis().setDrawGridLines(true);
        lineChart.getXAxis().setDrawAxisLine(true);
        lineChart.getAxisLeft().setDrawGridLines(true);
        lineChart.getAxisRight().setDrawGridLines(true);
        lineChart.getAxisRight().setDrawZeroLine(true);
        lineChart.getAxisLeft().setDrawZeroLine(true);
        lineChart.getAxisRight().setDrawLabels(true);
        lineChart.getAxisLeft().setDrawLabels(true);
        lineChart.getAxisLeft().setEnabled(true);
        lineChart.getAxisRight().setEnabled(true);
        lineChart.setMaxHighlightDistance(150);
        lineChart.setViewPortOffsets(0, 0, 0, 0);
        lineChart.setTouchEnabled(false);
        lineChart.setPinchZoom(false);
        lineChart.notifyDataSetChanged();

        LineDataSet lineDataSet = new LineDataSet(entryList,"BuySell");
        lineData = new LineData(lineDataSet);
        lineChart.setData(lineData);

        return  view;
    

    private void setData(int count, float range) 

        entryList = new ArrayList<>();

        LineData data;

        for (int i = 0; i < count; i++) 

            float val = (float) (Math.random() * range) - 30;
            entryList.add(new Entry(i, val));
        

        set1 = new LineDataSet(entryList, "DataSet 1");
        set1.setFillDrawable(drawablePositive);
        set1.setFillAlpha(100);
        set1.setFillColor(Color.RED);
        set1.setColor( Color.RED);
        set1.setCircleColor(getResources().getColor(R.color.yellow));
        set1.setLineWidth(5f);
        set1.setDrawValues(false);

        set1.setFillFormatter(new IFillFormatter() 
            @Override
            public float getFillLinePosition(ILineDataSet dataSet, LineDataProvider dataProvider) 
                return lineChart.getAxisLeft().getAxisMinimum();

            
        );
        ArrayList<ILineDataSet> dataSets = new ArrayList<>();
        dataSets.add(set1);
        data = new LineData(dataSets);


        lineChart.setData(data);

    

【参考方案1】：

在你的 onCreateView 方法的底部，你写了这个：

        LineDataSet lineDataSet = new LineDataSet(entryList,"BuySell");
        lineData = new LineData(lineDataSet);
        lineChart.setData(lineData);

注释掉/删除这 3 行。然后你会得到这样的输出：

说明：

你有 2 个 LineDataSet 对象，

    set1 = new LineDataSet(entryList, "DataSet 1");

和

     LineDataSet lineDataSet = new LineDataSet(entryList,"BuySell");

您正在将这些颜色属性设置为第一个对象（“DataSet 1”）。但随后您在图表中显示了第二个对象（“BuySell”）。这就是为什么删除这 3 行可以解决问题的原因。

【讨论】：

非常感谢，现在一切正常。你能再指导我一个案例吗？ set1.setFillDrawable(drawablePositive);这条线也不是在对话框片段中工作，而是在活动中工作。