Bar chart with temporal series

[delphine]

Hi,

I'm using ChartFx 7, and I tried to create a bar chart with temporal series.

I tried to convert the date with Chart.datetoNumber(Date) but there is an issue=> Bars and points are shifted, the last bar is out of the chart.If serie is not temporal (no dates in x axis), work like a charm.

example code

Chart chart1 = new Chart();// serie 1chart1.getData().getX().set(0, 0, Chart.dateToNumber(new GregorianCalendar(2000, 1, 1)));chart1.getData().getY().set(0, 0, 18.0);chart1.getData().getX().set(0, 1, Chart.dateToNumber(new GregorianCalendar(2000, 1, 2)));chart1.getData().getY().set(0, 1, 2.0);chart1.getData().getX().set(0, 2, Chart.dateToNumber(new GregorianCalendar(2000, 1, 3)));chart1.getData().getY().set(0, 2, 15.0);chart1.getData().getX().set(0, 3, Chart.dateToNumber(new GregorianCalendar(2000, 1, 4)));chart1.getData().getY().set(0, 3, 6.0);chart1.getData().getX().set(0, 4, Chart.dateToNumber(new GregorianCalendar(2000, 1, 5)));chart1.getData().getY().set(0, 4, 10.0);chart1.getData().getX().set(0, 5, Chart.dateToNumber(new GregorianCalendar(2000, 1, 6)));chart1.getData().getY().set(0, 5, 4.0);

// serie 2chart1.getData().getX().set(1, 0, Chart.dateToNumber(new GregorianCalendar(2000, 1, 1)));chart1.getData().getY().set(1, 0, 36.0);chart1.getData().getX().set(1, 1, Chart.dateToNumber(new GregorianCalendar(2000, 1, 2)));chart1.getData().getY().set(1, 1, 4.0);chart1.getData().getX().set(1, 2, Chart.dateToNumber(new GregorianCalendar(2000, 1, 3)));chart1.getData().getY().set(1, 2, 30.0);chart1.getData().getX().set(1, 3, Chart.dateToNumber(new GregorianCalendar(2000, 1, 4)));chart1.getData().getY().set(1, 3, 12.0);chart1.getData().getX().set(1, 4, Chart.dateToNumber(new GregorianCalendar(2000, 1, 5)));chart1.getData().getY().set(1, 4, 20.0);chart1.getData().getX().set(1, 5, Chart.dateToNumber(new GregorianCalendar(2000, 1, 6)));chart1.getData().getY().set(1, 5, 8.0);chart1.getSeries().get(0).setGallery(Gallery.SCATTER);chart1.getSeries().get(1).setGallery(Gallery.BAR);chart1.getAxisX().getLabelsFormat().setFormat(AxisFormat.DATE);chart1.getLegendBox().setVisible(false);chart1.setWidth(600);chart1.setHeight(400);

 

On this example, series have the same date but points and bars are not aligned. 

Someone can help me in order to have points and bars aligned?

Yours faithfully,

Delphine 

[Frank]

Try this at the beginning of your code:

chart1.getAllSeries().setGallery(Gallery.BAR);

 

[delphine]

It works correctly with your code.

 

Thanks a lot,

Yours faithfully,

Delphine

[delphine]

Hi,

with your code, it works correctly, but I have another problem now.

Series that I'm using have not necessarily the same date, and I can't represent them well on chart.

On first chart, I have two series with different dates for each point but points and bars are aligned.

On second chart, I changed the index but now I have "holes" in representation of first serie and I don't want to have "holes" on my chart.

If I don't use this chart1.getAllSeries().setGallery(Gallery.BAR); at the beginning of my code, I have a slight lag.

Code for first example :

Chart chart1 = new Chart();

chart1.getAllSeries().setGallery(Gallery.BAR);

// serie 1

chart1.getData().getX().set(0, 0, Chart.dateToNumber(new GregorianCalendar(2000, 1, 1)));

chart1.getData().getY().set(0, 0, 18.0);

chart1.getData().getX().set(0, 1, Chart.dateToNumber(new GregorianCalendar(2000, 1, 2)));

chart1.getData().getY().set(0, 1, 2.0);

chart1.getData().getX().set(0, 2, Chart.dateToNumber(new GregorianCalendar(2000, 1, 3)));

chart1.getData().getY().set(0, 2, 15.0);

chart1.getData().getX().set(0, 3, Chart.dateToNumber(new GregorianCalendar(2000, 1, 4)));

chart1.getData().getY().set(0, 3, 6.0);

chart1.getData().getX().set(0, 4, Chart.dateToNumber(new GregorianCalendar(2000, 1, 5)));

chart1.getData().getY().set(0, 4, 10.0);

chart1.getData().getX().set(0, 5, Chart.dateToNumber(new GregorianCalendar(2000, 2, 20)));

chart1.getData().getY().set(0, 5, 4.0);

// serie 2

chart1.getData().getX().set(1, 0, Chart.dateToNumber(new GregorianCalendar(2000, 2, 1)));

chart1.getData().getY().set(1, 0, 36.0);

chart1.getData().getX().set(1, 1, Chart.dateToNumber(new GregorianCalendar(2000, 2, 2)));

chart1.getData().getY().set(1, 1, 4.0);

chart1.getData().getX().set(1, 2, Chart.dateToNumber(new GregorianCalendar(2000, 2, 3)));

chart1.getData().getY().set(1, 2, 30.0);

chart1.getData().getX().set(1, 3, Chart.dateToNumber(new GregorianCalendar(2000, 2, 4)));

chart1.getData().getY().set(1, 3, 12.0);

chart1.getData().getX().set(1, 4, Chart.dateToNumber(new GregorianCalendar(2000, 2, 5)));

chart1.getData().getY().set(1, 4, 20.0);

chart1.getData().getX().set(1, 5, Chart.dateToNumber(new GregorianCalendar(2000, 2, 6)));

chart1.getData().getY().set(1, 5, 8.0);

chart1.getSeries().get(0).setGallery(Gallery.LINES);

chart1.getSeries().get(1).setGallery(Gallery.BAR);

chart1.getAxisX().setForceZero(false);

chart1.getAxisX().getLabelsFormat().setFormat(AxisFormat.DATE);

Can you tell me how I can display data on chart in order to have same chart like last one on picture but with bars instead of points ?

Yours faithfully,

Delphine