Charts: 막대 차트를 표시하지 않는 막대

누구든지 이것에 대한 해결책이 있습니까?
3.0에서 막대가 누락 된 것이 이상해 보입니다. 내가 전화를 놓치거나 무언가를 설정하는 것 같습니다. 이에 대한 해결책이 있다면 매우 도움이 될 것입니다.

감사,
단발

어떻게 설정합니까? 차트 3.0은 x 축을 재 설계했기 때문에 많은 것이 변경되었습니다. 코드를 업데이트하지 않으면 누락되었을 수 있습니다. 지금은 ChartsDemo에서 다른 막대 차트 데모를 확인하십시오.

데모 차트를 다시 실행하여 문제를 재현 할 수 있는지 확인하지만 문제가 열린 다른 문제 # 1716과 비슷하다고 생각합니다.

변경 사항을 적용하고 차트 데모를 실행하면 다시 연락 드리겠습니다.

특정 x 값이 문제를 일으키는 것 같습니다.

감사,
단발

나는 같은 문제가 있습니다. 내 X 축은 날짜를 YYYY-MM-DD 형식으로 올바르게 표시하지만 막대는 보이지 않습니다.

@ liuxuan30 ,
여기 내가 기본적으로 시도한 것입니다 ... 3.0에서 ChartsDemo를 약간 변경했으며 정확히 똑같은 일을하고 있습니다 ...

다음과 같이 변경했습니다. X 값이 두 배인 대신 1970 년 이후 날짜의 두 배 값인 datetime을 추가합니다.
xaxis 포맷터를 dd / MM으로 변경했습니다.

또한 BarChartViewController.m에 대한 코드를 첨부하여 확인할 수 있습니다.

아래 스크린 샷을 참조하십시오.

BarChartViewController.m.zip

매우 간단한 것을 놓치고 있거나 이것은 버그입니다.

감사,
단발

안녕하세요,이 문제가 왜 종결되었는지 잘 모르겠지만 여기와 https://github.com/danielgindi/Charts/issues/1716 에서 증상을 설명한 모든 사람과 마찬가지로 프로젝트에서도 동일한 버그가 발생합니다. 요컨대, X 축은 시간 간격과 같은 큰 값을 처리 할 수없는 것처럼 보이며 어떻게 든 차트 렌더링을 엉망으로 만듭니다.

@sjuvvalapalem 원본 ChartsDemo가 제대로 작동합니까? 나는 당신의 변화에 ​​대한 맥락을 모릅니다. 차트 3.0에서 x 값은 항상 두 배입니다. 변경 한 사항이 있으면 모든 관련 필드를 변경했는지 확인하십시오. 스크린 샷에 막대가 누락되어 있으므로 자세한 내용은 막대 차트 렌더러에서 drawDataSets 을 (를) 확인할 수 있다고 생각합니다. 사용자 측에서 디버그하는 것이 더 쉽습니다.

BarChartViewController.m.zip
@ liuxuan30 이전에 답장에서 변경 한 내용을 첨부했습니다.
내가 한 것은 일부 날짜에 대해 Nstimeinterval을 두 번 추가하는 대신 어떤 이유로 막대를 표시하지 않는 것입니다.

나는 이것이 버그 일 수 있다고 생각한다. 첨부 된 zip 문서를 보시면 제가 변경 한 내용을 쉽게 파악할 수 있으며 이해가 될 것입니다.
다른 사람들에게 동일한 문제를 살펴보면 이것이 버그 일 수 있다고 생각합니다.
내 프로젝트가 앱 스토어로 푸시되는 대신 중단되기 때문에 이에 대한 도움은 크게 감사드립니다.

이것에 대한 해결책은 크게 도움이 될 것입니다.

감사,
단발

@ liuxuan30 이 문제를

감사,
단발

최근에 일이 바빠서 너무 빨리 볼 수가 없어서 미안 해요. 시도 할 것이다
NSTimeInterval은 내가 기억하는 두 배이므로 영향을 미치지 않아야합니다 ..

@ liuxuan30 네, 이중입니다. 포맷터를 사용하면 날짜가 올바르게 표시됩니다. 막대 위의 값이 올바르게 표시됩니다.

모든 것이 작동하지만 막대가 표시되지 않습니다.

바쁜 경우이 문제 / 버그를 조사 할 수있는 다른 사람이 있습니까?

감사,
단발

알겠습니다. 간단히 확인했습니다.
x 축 범위는

(lldb) po max - min
34041601.0

렌더링 할 때 barRect 너비가 너무 작습니다.

▿ (30.7373051480045, 132.310035326087, 8.28906013339292e-06, 257.842777173913)
  ▿ origin : (30.7373051480045, 132.310035326087)
    - x : 30.7373051480045
    - y : 132.310035326087
  ▿ size : (8.28906013339292e-06, 257.842777173913)
    - width : 8.28906013339292e-06 //  <-- you won't see it
    - height : 257.842777173913

그래서 당신은 그것을 보지 못합니다.
그 이유는 x val이 너무 커서 prepareBuffer() 에서

let barWidthHalf = barData.barWidth / 2.0 // barWidth는 0.9입니다.

그때

let left = CGFloat(x - barWidthHalf)
let right = CGFloat(x + barWidthHalf)
barRect.size.width = right - left

사소한 일입니다.

@danielgindi 는 큰 가치에 대처하기 위해 barWidth 를 처리해야하는 것 같습니다. 또는 설계에 의한 것입니다.

x 범위는 매우 크지 만 몇 개의 막대에 불과하지만 하드 코딩 된 숫자를 사용하여 막대 너비를 표시하므로 문제가 발생합니다. 나는 barWidth를 "정규화"하려고 노력했습니다.

임시 해결 방법은 x 값에 초가 아닌 더 큰 일 단위를 사용하는 것입니다. 또는 1,2,3,4, ..로 바꾸고 포맷터가 포맷하도록합니다. 데이터에서 x vals는 1 년 이상이며, 심지어 며칠 동안에도 365 막대이고 막대도 얇습니다.

또 다른 방법은 가치 범위에 맞게 barWidth 를 변경하는 것입니다. 그러나 올바른 번호를 찾는 방법은 아직 명확하지 않습니다.

안녕하세요,
나는 똑같은 문제가 있지만 해결책을주지 않고 문제가 닫힌 것 같습니다 ...
꺾은 선형 차트를 사용하면 차트가 제대로 그려 지지만 세로 막대 차트를 선택하면 막대가 나타나지 않습니다.
나에게 그것은 개선이 아니라 버그입니다.

감사

BarChartData.barWidth를 큰 값 (~ 10 000)으로 설정하면 문제가 해결되었습니다.

테두리를 설정하여이 문제를 해결했습니다.
chartDataSet.barBorderColor = UIColor.blue
chartDataSet.barBorderWidth = 30
도움이되는 희망

barBorderWidth를 설정하면 문제가 해결되는 것 같습니다.

이 문제에 대한 해결책이 있습니까? barBorderWidth 설정은 작동하는 것처럼 보이지만 데이터 포인트가 하나 또는 2 개뿐이면 선이 너무 얇기 때문에 제대로 작동하지 않습니다 (barBorderWidth를 1로 설정했다고 가정). 더 높은 숫자로 설정하면 모든 막대가 결합되고 서로 섞여서보기에 좋지 않습니다.

이것에 대한 모든 작업은 대단히 감사합니다.

매력처럼 일하십시오!

내 분석 :
이것은 버그입니다 ... long 데이터 유형의 날짜 값은 1542039314621이며, SimpleDateFormat을 사용하여 포맷 된 후 2018 년 11 월 12 일을 의미합니다. 그러나 x Axis는 먼저 long 값을 취하므로 문제가 발생합니다. 내 솔루션은 xHelper, 대신 큰 값을 입력하고 xHelper는 암시 적으로 카운터 counter++ 사용하여 인덱스 long 데이터 유형을 수행하고 xValue 옆에 큰 long 값을 보유합니다. 이 코드는 매력처럼 작동합니다.

이것은 잘못된 코드입니다.

String[] month = new String[] {"Jan", "Feb", "Mar", "Aprl"};     
xAxis.setValueFormatter(new MyXAxisValueFormatter(month)); 

이것은 잘못된 코드입니다.

 xAxis.setValueFormatter(new IAxisValueFormatter() {
         <strong i="20">@override</strong>
         public String getFormattedValue (float value, AxisBase axis){
              Date dates = new Date((long) value); //take your long value from BarEntry 
              SimpleDateFormat sdf = new SimpleDateFormat("dd/MM");
              return  sdf.format(dates);
              }
}

이것은 잘못된 코드입니다.

for (int i = 0; i < xValues.length; i++)
Date date = new Date(xValues[i]);

이것은 잘못된 코드입니다.

List<Date> dates = new ArrayList<Date>();
for (int i = 0; i< xHelper.length; i++)
dates.add(new Date(xValues[i]));

이 코드는 매력처럼 작동합니다.

SimpleDateFormat sdf = new SimpleDateFormat("dd/MM"); // as you seen on the picture 
String[] xDates = new String[xHelper.length];
for (int m = 0; m < xHelper.length; m++) 
      xDates[m] = sdf.format(new Date(xValues[m]));

List<String> myDateList = new ArrayList<String>();
for (int n = 0; n < xHelper.length; n++)
      myDateList.add(xDates[n]);

//convert your ArrayList into array
String[] month = (String[]) myDateList.toArray(new String[xHelper.length]);

xAxis.setValueFormatter(new YourXAxisValueFormatter(month));

이것은 내 전체 코드이며 xValue 및 xHelper에 대한 모든 것을 알려줍니다.

public class MyDatabaseHelper {
long xValue
int xHelper, yValues;

//empty constructor
public MyDatabaseHelper(){
}

//constructor
public MyDatabaseHelper(long xValue, int yValues, int xHelper){
         this.xValue = xValue;
         this.yValue = yValue;
         this.xHelper = xHelper;
}

//Method
public long getxValue() {return xValues;}

public int getyValue() {return yValues;}

public int getxHelper() {return xHelper;}
}

다음으로이 수업을 만들고 Phillip Jahoda에게 감사드립니다.

 public class MyXAxisValueFormatter implements IXAxisValueFormatter {
          private String[] mValues;`

          //constructor with array parameter
         public MyAxisValueFormatter(String[] values) {
                this.mValues = values;
          }

         <strong i="9">@override</strong>
         public String getFormattedValue(float value, AxisBase axis) {
              return mValues[(int) value];
         }
}

마지막으로 MainActivity 클래스를 만듭니다.

public class MainActivity extends AppCompatActivity {

EditText yInput;
Button buttonInsert;
FirebaseDatabase firebaseDatabase;
DatabaseReference reference;
BarChart barChart;
//this is xHelper as counter for indexing x values
int counter = 0;

<strong i="13">@override</strong>
protected void onCreate (Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        yInput = (EditText) findViewById(R.id.editText);
        insertButton = (Button) findViewById(R.id.buttonInsert);
        firebaseDatabase = FirebaseDatabase.getInstance();
        reference = firebaseDatabase.getReference("ChartTable");
        insert();
  }
     public void insert() {
           buttonInsert.setOnClickListener(new View.OnClickListener() {
                   <strong i="14">@override</strong>
                    public void onClick (View v)
                    String id = reference.push().getKey();
                    long x = new Date().getTime();  //this is big value
                    int y = yInput.getText().toString();

                    // when you click button this counter increase
                    //note: using this counter will make your app being crash on 5 step Granularity
                    //my granularity is setGranularity(5);
                    //this is my problem and i don't know why. so, i have to make the counter start from zero
                    //like this                
                    counter++
                    int c = counter - 1;

                    // input value into class
                    MyDatabaseHelper db = new MyDatabaseHelper(x, y, c);
                    //input method into Firebase Database
                    reference.child(id).setValue(db);
           });
     }

    <strong i="15">@override</strong>
    protected void onStart {
    super.onStart();

                   reference.addValueEventListener(new ValueEventListener() {
                            <strong i="16">@override</strong>
                            public void onDataChange(<strong i="17">@NonNull</strong> DataSnapshot dataSnapshot) {

                                    int count = (int) dataSnapshot.getChildrenCount();
                                    long[] xValues = new long[count];
                                    int[] yValues = new int[count];
                                    int[] xHelper = new int[count];

                                    int index = 0;
                                    for (DataSnapshot myDataSnapshot : dataSnapshot.getChildren()){
                                    MyDatabaseHelper db = myDataSnapshot.getValue(MyDatabaseHelper.class);
                                    xValues[index] = db.getxValue();
                                    yValues[index] = db.getyValue();
                                    xHelper[index] = db.getxHelper();
                                    index++
                                   }

                                   ArrayList<BarEntry> barEntry = new ArrayList<BarEntry>();
                                   for (int i = 0; i < xHelper.length; i++)
                                         barEntry.add(new BarEntry(xHelper[i], yValues[i]));

                                   BarDataSet set1 = new BarDataSet(barEntry, "Project Progress");
                                   set1.setColors(ColorTemplate.VORDIPLOM_COLORS);
                                   set1.setDrawValues(false);                              

                                   ArrayList<IBarDataSet> dataSets =  new ArrayList<>();
                                   dataSets.add(set1);

                                   BarData data = new BarData(dataSets);

                                   XAxis xAxis = barChart.getXAxis();
                                   xAxis.setGranularity(5f);
                                   xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);

                                   // input xValues[] into Date using List
                                   SimpleDateFormat sdf = new SimpleDateFormat("dd/MM");
                                   String[] xDates = new String[count];
                                   for (int m =0; m < xValues.length; m++)
                                         xDates[m] = sdf.format(new Date(xValues[m]));

                                  List<String> xDatesList = new ArrayList<String>();
                                  for (int n = 0; n < xDates.length; n++)
                                         xDatesList.add(xDates[n]);

                                  // you cannot insert xDatesList directly into setValueFormatter
                                  //so convert ArrayList into array
                                  String[] month = (String[]) xDatesList.toArray(new String[count]);

                                 //finally
                                 xAxis.setValueFormatter(new MyXAxisValueFormatter(month));
                                //done
                                barChart.getAxisRight().setEnabled(false);
                                barChart.setDragEnabled(true);
                                barChart.setScaleEnabled(true);
                                barChart.setPinchZoom(true);
                                barChart.setDoubleTapToZoomEnabled(false);
                                barChart.setDrawGridBackground(false);
                                barChart.setDragEnabled(true);

                                barChart.setData(data);
                                barChart.invalidate();


                             }
                             <strong i="18">@override</strong>
                             public void onCancelled(<strong i="19">@NonNull</strong> DatabaseError databaseError){
                            }
                   });
    }
} 

모든 것이 완료되었습니다. 그리고 이것은 내 설명입니다.

이 코드를 사용하지 않습니다.

String[] month = new String[] {"Jan", "Feb", "Mar", "Aprl"};     
xAxis.setValueFormatter(new MyXAxisValueFormatter(month)); 

동적 입력이 필요하고 "jan", "feb"등을 쓰고 싶지 않기 때문입니다. 내 솔루션 :
String[] month = (String[]) myDateList.toArray(new String[xHelper.length]);

myDateList.toArray 사용하면 ArrayList를 가져 와서 배열에 삽입 할 수 있습니다.

그리고 저는이 코드를 사용하지 않습니다. 왜냐하면->

xAxis.setValueFormatter(new IXAxisValueFormatter {

         <strong i="15">@override</strong>
         public String getFormattedValue(float value, AxisBase axis) {
              Date dates = new Date((long) value)
              SimpleDateFormat sdf = new SimpleDateFormat("dd/MM");
              return sdf.format(dates);
         }
}

막대가 사라진 x 축에서 가져온 value 때문입니다. 내 솔루션은 다음과 같이 xHelper .

ArrayList<BarEntry> barEntry = new ArrayList<BarEntry>();
for (int i=0; i<xHelper.length; i++)
    barEntry.add(new BarEnry(xHelper[i], yValues[i]));

요점은 xHelper 인덱싱을위한 작은 값을 포함해야한다는 것입니다. Date

그리고 이것이 비밀입니다.
당신은 이것을 사용하여 Date 를 입력하지 않습니다-> String[] month = new String[]{...}; 그러나 myDateList

String[] month = (String[]) myDateList.toArray(new String[xHelper.length]);
xAxis.setValueFormatter(new YourXAxisValueFormatter(month));

@sjuvvalapalem @avitus에 대한 해결책을

이 버그가보고 된 지 2 년이 지났지 만 아직 수정되지 않았습니까?

이 문제를 해결하기 위해 PR을 제출할 수 있습니까? 원래 added this to To do in 4.0 Release 로 표시했습니다.

이것이 누구에게도 도움이되는지 확실하지 않지만 동일한 문제가 있었고 x 축 범위에 대해 올바른 크기로 막대를 설정하여 해결했습니다.

let data = BarChartData(dataSets: [dataSet])

let dataSetRange = dataSet.xMax - dataSet.xMin
let availableSpacePerBar = dataSetRange / Double(dataSet.entryCount)
data.barWidth = availableSpacePerBar * 0.8 // 80% of available space

chartView.data = data

BarChartData.barWidth를 큰 값 (~ 10 000)으로 설정하면 문제가 해결되었습니다.

이것은 데이터 범위 사이에 누락 된 값이있을 때 https://github.com/danielgindi/Charts/issues/1742#issuecomment -519056482보다 더 잘 작동합니다. 비 연속적이고주기적인 데이터 소스.

그 사이에 누락 된 값이있는 경우
댓글 https://github.com/danielgindi/Charts/issues/1742#issuecomment -519056482 다음

BarChartData.barWidth를 큰 값 (~ 10 000)으로 설정하면 다음과 같습니다.

그러나 두 가지 모두 충분한 연속 값을 가질 때 훌륭하게 작동합니다.

이 때문에 3 시간을 잃었으니 계속 주시하고 있습니다. 인덱스를 사용하여 끝났습니다.