使用GraphView库在BarChartGraph中的空白空间

时间:2012-12-27 17:58:41

标签: android android-layout view graph charts

我目前正在尝试使用GraphView库(http://www.jjoe64.com/p/graphview-library.html)绘制图表。我目前正在使用第3版。

我在BarChartGraph中遇到Bar问题。我推了一个33个元素的数组,但是char是整个图形中较小的一个,在图中仍然是一个没有用过的空间。

我附上了一张图片。

这是XML代码:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
    android:layout_height="fill_parent">

     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">

    <TextView android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:id="@+id/txtX" 
        android:text="X: 0" 
        android:textSize="15sp"></TextView>

    <TextView
        android:id="@+id/txtZ"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="39dp"
        android:text="Z: 0"
        android:textSize="15sp" />
    [....]

    <EditText
        android:id="@+id/et1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="39dp"
        android:ems="10"
        android:inputType="textMultiLine"
        android:focusable="false">
    </EditText>

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="250dp"
        android:id="@+id/graph1" />

</LinearLayout>

这是关于主类中图表的代码:

  GraphViewData[] data;
    GraphView graphView;

     // Inizializzazioni utili per il grafico  
        data = new GraphViewData[(N/2)+1];  // N=64

        graphView = new BarGraphView(this, "example") {  //Prova a mettere primad di questo setHorizontalabe
            @Override
            protected String formatLabel(double value, boolean isValueX) {
                if (isValueX) {
                    return Double.toString(value);
                } else return super.formatLabel(value, isValueX); // let the y-value be normal-formatted
               }
            };

      LinearLayout layout = (LinearLayout) findViewById(R.id.graph1);   
      layout.addView(graphView);

        for (int i=0; i<(N/2)+1; i++)
           data[i] = new GraphViewData(i, new_sig[i]);

      graphView.setBackgroundColor(Color.BLACK);

      graphView.addSeries(new GraphViewSeries(data));

      graphView.invalidate();
      graphView.redrawAll();

https://docs.google.com/open?id=0B5sm5aNTZkIiN1hrV1Q2MU9iYmM

我设置:

graphView.setViewPort(0, 33);

但没有改变!

我也尝试使用较小的ViewPort,但结果是一样的,就像这篇新帖子中的图片一样。 在这种情况下,ViewPort是20:

graphView.setViewPort(0, 20);  

https://docs.google.com/open?id=0B5sm5aNTZkIiMFlSSFd1T1ViQ00

但如图所示,仍然是空白空间!

我还尝试在XML文件中更改维度标记。 我将“wrap_content”转换为“match_parent”,但没有结果。 然后我也改变了match_parent也是partent视图LinearLayout,然后是ScrollView。

我还尝试创建一系列8个数据(data.length = 8),但结果是相同的,重新计算图表右侧的相同空白区域。

感谢所有人! :)

1 个答案:

答案 0 :(得分:2)

也许你已经解决了这个问题,但它可以帮助其他人。 我遇到过同样的问题。我在这里找到了解决方案。 BarGraphView · Issue #14 · jjoe64/GraphView · GitHub

您必须像这样修改库的源代码:

// BarGraphView.java
// float colwidth = (graphwidth - (2 * border)) / values.length;
float colwidth = graphwidth / values.length;

// GraphView.java
// horizontal labels + lines
int hors = horlabels.length;
for (int i = 0; i <= horlabels.length; i++) {
    paint.setColor(Color.DKGRAY);
    float x = ((graphwidth / hors) * i) + horstart;
    canvas.drawLine(x, height - border, x, border, paint);
    paint.setTextAlign(Align.CENTER);
    if (i < horlabels.length) {
        paint.setColor(Color.WHITE);
        canvas.drawText(horlabels[i], x + (graphwidth / hors) / 2,
                height - 4, paint);
    }
}

它非常适合我。我希望它有所帮助。