MPAndroid LineChart-更改第一个和最后一个x轴值的填充

时间:2018-09-11 13:25:24

标签: android charts mpandroidchart

我已经使用MPAndroidChart获得了以下折线图:

Print of the first X position

Print of the last X position

我正在使用以下方法:

chart.setVisibleXRangeMaximum(5)

在视口上仅显示5个值,其余的将通过滚动显示。

我也在使用这种方法:

chart.setViewPortOffsets(0,25,0,40);

删除左右偏移量以使图表覆盖整个屏幕,并设置顶部和底部偏移量,以使其放置的容器之间有一个空间。

问题在于,第一个和最后一个位置都隐藏在设备边框中。我认为,如果有一种方法可以将填充值设置为这些单个值,则问题可以得到解决。

我试图使用一些方法来更改X轴的空间或偏移,但是它们都不起作用。

我正在尝试创建a chart like this,其中整个填充的数据集覆盖整个屏幕,但是第一个和最后一个值在设备的边框和值本身之间放置了填充。

我的图表的整个代码如下:

    LineChart chart = view.findViewById(R.id.chartCalendar);

    // Setting up the data
    List<Entry> entries = new ArrayList<Entry>();
    entries.add(new Entry(1,1200));
    .....


    // Creating dataset
    LineDataSet dataSet = new LineDataSet(entries, "Label"); // add entries to dataset

    // Dataset styling
    dataSet.setMode(LineDataSet.Mode.CUBIC_BEZIER);
    dataSet.setDrawFilled(true);
    dataSet.setFillColor(ContextCompat.getColor(this.getActivity(), R.color.whiteBlue));
    dataSet.setColor(ContextCompat.getColor(this.getActivity(), R.color.darkBlue));
    dataSet.setLineWidth(2); // Line border thickness
    dataSet.setCircleColor(ContextCompat.getColor(this.getActivity(), R.color.darkBlue)); // Border circle values color

    // Setting up LineChart
    LineData lineData = new LineData(dataSet);

    // Styling chart
    chart.setData(lineData);
    chart.getAxisLeft().setDrawGridLines(false);
    chart.getAxisRight().setDrawGridLines(false);
    chart.getXAxis().setDrawGridLines(false);
    chart.getXAxis().setAxisMaximum(31);
    chart.setVisibleXRangeMaximum(5); // Show maximum 10 before scrolling
    chart.getLegend().setEnabled(false);
    chart.setDrawBorders(false);// Hide the description
    chart.getXAxis().setTextColor(ContextCompat.getColor(this.getActivity(), R.color.white)); // Change X-axis label color
    YAxis yAxis = chart.getAxisLeft();
    yAxis.setTextColor(ContextCompat.getColor(this.getActivity(), R.color.white)); // change Y-axis label color
    yAxis.setAxisLineColor(ContextCompat.getColor(this.getActivity(), R.color.darkBlue));
    yAxis.setTextColor(ContextCompat.getColor(this.getActivity(), R.color.white));
    // remove axis
    YAxis leftAxis = chart.getAxisLeft();
    leftAxis.setEnabled(false);
    YAxis rightAxis = chart.getAxisRight();
    rightAxis.setEnabled(false);

    // X axis to bottom
    chart.getXAxis().setPosition(XAxis.XAxisPosition.BOTTOM);
    chart.getLineData().setValueTextColor(ContextCompat.getColor(this.getActivity(), R.color.white)); // Change value color
    chart.getXAxis().setGranularity(1);
    chart.setViewPortOffsets(0,25,0,40);
    chart.getDescription().setEnabled(false);

    // Refresh graph
    chart.animateX(500);

你们对如何解决有任何想法吗?谢谢!

0 个答案:

没有答案