Question

我问的是这个问题因为，我很清楚，为什么每次用户选择解析1天或1周或1个月的数据时，为什么我的图表不会得到更新。类似的How to update/remove/insert new series/data in Shinobi Line Chart in android?

我尝试了一个名叫Kai的成员提供的答案，显然他是为shinobicontrols工作。

您还可能还注意到我在GraphFragment中实现了shinobichart库，该GraphFragment位于视图寻呼机中，导入android.android.support.v4.app.Fragment;

ViewPagerAdapter类导入 import android.support.v4.app.FragmentPagerAdapter; 调用GraphFragment类的片段事务会从另一个解析JSON图形数据的活动中生成一个图形数据数组。我试图清楚地说明这个问题，以便当你至少阅读我的代码时，你会发现问题不是JSON数据，因为根据1周，1天或1个月相应地提取。问题是Shinobichart确实删除了系列及其数据，但没有绘制新的解析数据。我读了shinobichart用户指南如何处理图表生命周期但无法找到我想要的解决方案。我还为开发人员阅读了ChartFragment句柄onPause和onResume，我想知道如果同样适用于SupportChartFragment。

这是我的GraphFragment整合了shinobichart.Hope有人可以提供帮助。提前谢谢。

public class GraphFragment extends Fragment implements OnClickListener, 
        ShinobiChart.OnCrosshairActivationStateChangedListener{

private static final int CROSSHAIR_INACTIVE_COLOR = Color.argb(255, 240, 240, 240);
private static final int CROSSHAIR_ACTIVE_COLOR = Color.argb(150, 0, 0, 0);
Context context;
String label_x[];
ArrayList<DataAssetGraph> alAssetGraph = new ArrayList<DataAssetGraph>();
Button btnOneDayG, btnOneWeekG, btnOneMonthG;
String endDate;
String assetId;
ProgressDialog dialog;
ShinobiChart shinobiChart;
LineSeries series;
SupportChartFragment chartFragment;
String startDate;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
    super.onCreateView(inflater, container, savedInstanceState);
    View view = null;
    view = inflater.inflate(R.layout.fragment_chart, null);
    initView(view);
    if (getArguments() != null) {
        alAssetGraph = (ArrayList<DataAssetGraph>) getArguments()
                .getSerializable(WebElement.RECORDS);
        if (alAssetGraph != null && alAssetGraph.size() > 0) {
            // DrawGraph(alAssetGraph);
             // Only setup the chart the first time the activity is created
            if (savedInstanceState == null) {
                // Log.d("Init Graph", "Retrieve"+ alAssetGraph);
                chartFragment =
                      (SupportChartFragment) getActivity().getSupportFragmentManager().findFragmentById(R.id.chart);
                    shinobiChart = chartFragment.getShinobiChart();
                    // TODO: replace <license_key_here> with you trial license key
                    shinobiChart.setLicenseKey("sCVfKPnWajLtffqMjAxNTA0MThzdGVybmx5QHJpZ2h0Y2xpY2t" +
                            "tZWRpYS5jby56YQ==rveipQf9y4819/K4wLwWKR86Q1RIViUBTLEhBXAwh6q5zW53TgYi" +
                            "JcIUvc3S7DhTfH4KzUNeol9Rc5rXrzLOBnzP0TStc8n+eytCBhUFEgR21Cv7gq1dLEvOu" +
                            "tLENUwUtZ6Crk+Z8syIKEuyfZ8/1gtPvHIc=BQxSUisl3BaWf/7myRmmlIjRnMU2cA7q+" +
                            "/03ZX9wdj30RzapYANf51ee3Pi8m2rVW6aD7t6Hi4Qy5vv9xpaQYXF5T7XzsafhzS3hbBo" +
                            "kp36BoJZg8IrceBj742nQajYyV7trx5GIw9jy/V6r0bvctKYwTim7Kzq+YPWGMtqtQoU=" +
                            "PFJTQUtleVZhbHVlPjxNb2R1bHVzPnh6YlRrc2dYWWJvQUh5VGR6dkNzQXUrUVAxQnM5b2" +
                            "VrZUxxZVdacnRFbUx3OHZlWStBK3pteXg4NGpJbFkzT2hGdlNYbHZDSjlKVGZQTTF4S2Zwe" +
                            "WZBVXBGeXgxRnVBMThOcDNETUxXR1JJbTJ6WXA3a1YyMEdYZGU3RnJyTHZjdGhIbW1BZ21PTT" +
                            "dwMFBsNWlSKzNVMDg5M1N4b2hCZlJ5RHdEeE9vdDNlMD08L01vZHVsdXM+PEV4cG9uZW50Pk" +
                            "FRQUI8L0V4cG9uZW50PjwvUlNBS2V5VmFsdWU+");
                    // Create the series
                    createLineSeries(alAssetGraph);

                   // Add this Activity as a listener for any crosshair changes
                   shinobiChart.setOnCrosshairActivationStateChangedListener(this);

            }

        } else {

        }
    }

    return view;
}
private void initView(View view)
{
    btnOneDayG=(Button)view.findViewById(R.id.btnOneDayG);
    btnOneWeekG=(Button)view.findViewById(R.id.btnOneWeekG);
    btnOneMonthG=(Button)view.findViewById(R.id.btnOneMonthG);
    btnOneDayG.setSelected(true);
    btnOneDayG.setOnClickListener(this);
    btnOneMonthG.setOnClickListener(this);
    btnOneWeekG.setOnClickListener(this);
}
@Override
public void onClick(View v) {
    switch (v.getId()) {
    case R.id.btnOneDayG:
        btnOneWeekG.setSelected(false);
        btnOneMonthG.setSelected(false);
        if(!btnOneDayG.isSelected())
        {
            btnOneDayG.setSelected(true);
            startDate=GlobalData.getDateBeforeOneDay();
            getGraphHistory(startDate);
            System.out.println("Btn Date 1 day: %tc"+startDate);
        }
        break;

    case R.id.btnOneWeekG:
        btnOneDayG.setSelected(false);
        btnOneMonthG.setSelected(false);
        if(!btnOneWeekG.isSelected())
        {
            btnOneWeekG.setSelected(true);
            startDate=GlobalData.getDateBeforeOneWeek();
            getGraphHistory(startDate);
            System.out.println("Btn Date 1 week: %tc"+startDate);

        }
        break;
    case R.id.btnOneMonthG:
        btnOneWeekG.setSelected(false);
        btnOneDayG.setSelected(false);
        if(!btnOneMonthG.isSelected())
        {
            btnOneMonthG.setSelected(true);
            startDate=GlobalData.getDateBeforeOneMonth();
            getGraphHistory(startDate);
            System.out.println("Btn Date 1 Month: %tc"+startDate);
        }
        break;

    default:
        break;
    }       
}

private void createLineSeries(ArrayList<DataAssetGraph> alGraph) {
    // TODO Auto-generated method stub
    shinobiChart.getSeries();

    // remove Series
    while (shinobiChart.getSeries().size() > 0) {
        shinobiChart.removeSeries(shinobiChart.getSeries().get(0));
    }

    // remove Axis
    while (shinobiChart.getAllXAxes().size() > 0) {
        shinobiChart.removeXAxis(shinobiChart.getAllXAxes().get(0));
    }
    while (shinobiChart.getAllYAxes().size() > 0) {
        shinobiChart.removeYAxis(shinobiChart.getAllYAxes().get(0));
    }
    // Create the X-axis, showing ticks daily with a custom format and
    // clipping the tick at the far right
    DateTimeAxis xAxis = new DateTimeAxis();
    // xAxis.setTitle("Date/Time");
    xAxis.enableGesturePanning(true);
    xAxis.enableGestureZooming(true);
    xAxis.getDoubleTapBehavior();
     // Create the Y-axis, clipping the tick at the top
    NumberAxis yAxis = new NumberAxis();
    // yAxis.setTitle("Temperature");
    yAxis.enableGesturePanning(true);
    yAxis.enableGestureZooming(true);

    // Declare length of graph array
    int length=alGraph.size();

    LineSeries series = new LineSeries();

    series.getStyle().getPointStyle().setPointsShown(false);

    DataAdapter<Date, Double> data = new SimpleDataAdapter<Date, Double>();

    for(int i=0;i<length;i++)
    {
        String dateString=alGraph.get(i).x_cord;
        double y_cord=  alGraph.get(i).y_cord;
        Date x_cord=convertToDate(dateString);
        data.add(new DataPoint<Date, Double>(x_cord, y_cord));
    }
    // reload and redraw the graph
     series.setDataAdapter(data);
     series.setCrosshairEnabled(true);
     shinobiChart.addSeries(series, xAxis, yAxis);
     series.getStyle().setLineColor(Color.WHITE);
     System.out.println("Add Series");
     // Style the chart and the crosshair
     shinobiChart.getStyle().setPlotAreaBackgroundColor(
              GraphFragment.CROSSHAIR_ACTIVE_COLOR);
     shinobiChart.getCrosshair().getStyle().setLineColor(Color.BLUE);
     shinobiChart.getStyle().setBackgroundColor(Color.WHITE);
     // shinobiChart.getStyle().setPlotAreaBackgroundColor(Color.BLACK);
     shinobiChart.getStyle().getBackgroundColor();
     shinobiChart.getXAxis().getStyle().getGridlineStyle().setGridlinesShown(true);
     shinobiChart.getYAxis().getStyle().getGridlineStyle().setGridlinesShown(true);
     // Remember to redraw the chart to make the changes visible
     shinobiChart.redrawChart();
}

private Date convertToDate(String dateString)
{
    Date convertedDate= new Date();

    SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm");
    try 
    {
        convertedDate = dateFormat.parse(dateString);
    } catch (Exception e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
        return null;
    }

    return convertedDate;
}

private void getGraphHistory(String start_date)
{
        System.out.println("Get graph History: %tc"+ start_date);
        dialog= new ProgressDialog(getActivity());
        dialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
        dialog.setMessage("Retrieving graph...");
        dialog.setCanceledOnTouchOutside(false);
        dialog.show();
        endDate=GlobalData.getCurrentDate();
        assetId=ComponentActivity.assetId;
        new LoadAssetGraphTask(getActivity(),assetId, start_date,endDate)
        {
            @Override
            protected void onPostExecute(ArrayList<DataAssetGraph> result) 
            {
                super.onPostExecute(result);
                if(dialog.isShowing())
                    dialog.dismiss();
                if(result!=null && result.size()>0)
                {   
                    createLineSeries(result);
                    System.out.println("onPostExecute Called");
                }

            };
        }.execute();


    //}
}

@Override
public void onCrosshairActivationStateChanged(ShinobiChart chart) {
    // Set the plot area background color depending on the crosshair's
    // activation state
    if (chart.getCrosshair().isActive()) {
        chart.getStyle().setPlotAreaBackgroundColor(GraphFragment.CROSSHAIR_ACTIVE_COLOR);
        chart.getLegend().getStyle().setTextColor(Color.WHITE);
    }
    else {
        chart.getStyle().setPlotAreaBackgroundColor(GraphFragment.CROSSHAIR_INACTIVE_COLOR);
        chart.getLegend().getStyle().setTextColor(Color.BLACK);
    }

    // Remember to redraw the chart to make the color change visible
    chart.redrawChart();
}

Answer 1

我很欣赏你提出这个问题已经有一段时间了。由于没有答案，我会尽力提供答案，以防其他人提出类似的问题。

您是否可以发布其余代码，因为很难全面了解您的代码在做什么？例如，您的布局文件，Activity文件和LoadAssetGraphTask文件。

与此同时，我创建了一个简单的应用程序，其中包含一个包含ViewPager的主要活动。我扩展了SupportChartFragment并在ViewPager中保存了3个图表。我的Activity中有3个按钮，可以将3个月，6个月和12个月的数据加载到图表中。

为了本练习的目的，我保持我的数据非常简单，我只是硬编码。我成功地能够在单击按钮时动态重新加载数据。你可以在GitHub上看到我的应用程序：

https://github.com/Kai2k/ViewPagerChartFragment

我可以对您的代码进行一些观察：

要重新加载图表，您不一定需要移除轴和系列。话虽如此，每次向DataAdapter添加数据点时，都会调用图表的完整绘制，这可能会影响性能。因此，您可能希望从系列中分离DataAdapter，更新数据，然后重新附加。

我注意到你已经使你的Fragment实现了OnClickListener。我注意到使用这种方法，图表最初没有更新，但事实上，ViewPager中的另一个图表（目前在屏幕外）已经更新了。我注意到，当我在ViewPager中查看我的页面时，所有包含的图表都已更新。在这个时候，我不是ViewPager类内部如何处理片段的创建和销毁的专家，但这可能是一个需要进一步研究的领域。

当我在“活动”中设置点击监听器时，＆＃39;推送＆＃39;它重新加载到当前片段的命令，它可以工作。

您的LoadAssetGraphTask也可能存在问题，我认为它是AsyncTask。显然我目前看不到这个代码所以我不知道这个类会做什么。您是否先尝试过更简单的方法，在Fragment中使用虚拟数据（我有）以排除AsyncTask的任何问题？

SupportChartFragment和ChartFragment会为您处理生命周期回调，因此您无需覆盖onPause或onResume。但是，如果您尝试将Fragment嵌套在另一个Fragment中，则可能会遇到问题，因为ChartFragment / SupportChartFragment在Activity重新创建时保留，而Android框架不允许在其他Fragment中保留Fragment。如果您的用例决定了这一点，您可能会发现使用ChartView更合适的方法。在这种情况下，您需要处理生命周期回调。

如果您希望使用ChartFragment或SupportChartFragment，另一种方法可能是直接扩展类，而不是扩展Fragment。这是我在我的应用程序中采用的方法。使用这种方法，在膨胀嵌套片段时不太可能遇到通胀问题。

我希望这会有所帮助。谢谢，凯。

免责声明 - 我为Shinobicontrols工作。

如何使用关于lineseries的JSON数据管理片段中的shinobicharts生命周期？ Android的

1 个答案: