LineChart series sample #1

decebals · 2012-03-13T12:24:27Z

Hi

It's series supported for LineChart? Can you write a simple demo (a new method in JqPlotSample is enough)?

Thanks,
Decebal

inaiat · 2012-03-13T13:47:22Z

Hello,

a example like this (Line Style Options)
http://www.jqplot.com/deploy/dist/examples/line-charts.html ?

Thanks.

On Tue, Mar 13, 2012 at 9:24 AM, Decebal Suiu <
[email protected]

wrote:

Hi

It's series supported for LineChart? Can you write a simple demo (a new
method in JqPlotSample is enough)?

Thanks,
Decebal

Reply to this email directly or view it on GitHub:
#1

decebals · 2012-03-13T13:55:20Z

Exact.

I wrote some code but I cannot obtains a LineChart with two series. I
don't know the relations between serie and the values from that serie
(jqplot it's new for me).

Thanks,
Decebal

On Tue, Mar 13, 2012 at 3:47 PM, Inaiat Henrique
[email protected]
wrote:

Hello,

a example like this (Line Style Options)
http://www.jqplot.com/deploy/dist/examples/line-charts.html ?

Thanks.

On Tue, Mar 13, 2012 at 9:24 AM, Decebal Suiu <
[email protected]

wrote:

Hi

It's series supported for LineChart? Can you write a simple demo (a new
method in JqPlotSample is enough)?

Thanks,
Decebal

Reply to this email directly or view it on GitHub:
#1

Reply to this email directly or view it on GitHub:
#1 (comment)

inaiat · 2012-03-13T21:51:49Z

Hello,

I developed LineSeriesChart. Checkout latest version. See example:

private LineSeriesChart<Double,Double> lineSeries() {
List<LineSeriesItem<Double, Double>> cosPoints = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i++) {
cosPoints.add(new LineSeriesItem<Double, Double>(i,Math.cos(i)));
}

List<LineSeriesItem<Double, Double>> sinPoints = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i+=0.4) {
sinPoints.add(new LineSeriesItem<Double, Double>(i,2 * Math.sin(i-.8)));
}

List<LineSeriesItem<Double, Double>> powPoints1 = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i++) {
powPoints1.add(new LineSeriesItem<Double, Double>(i,2.5 + Math.pow(i / 4,
2)));
}

List<LineSeriesItem<Double, Double>> powPoints2 = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i ++) {
powPoints2.add(new LineSeriesItem<Double, Double>(i,-2.5 - Math.pow(i / 4,
2)));
}

LineSeriesChart<Double,Double> lineChart = new
LineSeriesChart<Double,Double>("Line Style Options");
lineChart.addValue(cosPoints);
lineChart.addValue(sinPoints);
lineChart.addValue(powPoints1);
lineChart.addValue(powPoints2);
SeriesDefaults seriesDefaults = new SeriesDefaults();
seriesDefaults.rendererOptions(new RendererOptions().smooth(true));
lineChart.setSeriesDefaults(seriesDefaults);
lineChart.addSerie(new Serie().lineWidth(2).markerOptions(new
MarkerOptions().style("diamond")));
lineChart.addSerie(new Serie().showLine(false).markerOptions(new
MarkerOptions().size(7f).style("x")));
lineChart.addSerie(new Serie().markerOptions(new
MarkerOptions().style("circle")));
lineChart.addSerie(new Serie().lineWidth(5).markerOptions(new
MarkerOptions().style("filledSquare").size(10f)));

return lineChart;
}

On Tue, Mar 13, 2012 at 10:55 AM, Decebal Suiu <
[email protected]

wrote:

Exact.

I wrote some code but I cannot obtains a LineChart with two series. I
don't know the relations between serie and the values from that serie
(jqplot it's new for me).

Thanks,
Decebal

On Tue, Mar 13, 2012 at 3:47 PM, Inaiat Henrique
[email protected]
wrote:

Hello,

a example like this (Line Style Options)
http://www.jqplot.com/deploy/dist/examples/line-charts.html ?

Thanks.

On Tue, Mar 13, 2012 at 9:24 AM, Decebal Suiu <
[email protected]

wrote:

Hi

It's series supported for LineChart? Can you write a simple demo (a new
method in JqPlotSample is enough)?

Thanks,
Decebal

Reply to this email directly or view it on GitHub:
#1

Reply to this email directly or view it on GitHub:

#1 (comment)

Reply to this email directly or view it on GitHub:
#1 (comment)

decebals · 2012-03-14T09:35:25Z

I cannot find LineSeriesChart on github.

On Tue, Mar 13, 2012 at 11:51 PM, Inaiat Henrique
[email protected]
wrote:

Hello,

I developed LineSeriesChart. Checkout latest version. See example:

private LineSeriesChart<Double,Double> lineSeries() {
List<LineSeriesItem<Double, Double>> cosPoints = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i++) {
cosPoints.add(new LineSeriesItem<Double, Double>(i,Math.cos(i)));
}

List<LineSeriesItem<Double, Double>> sinPoints = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i+=0.4) {
sinPoints.add(new LineSeriesItem<Double, Double>(i,2 * Math.sin(i-.8)));
}

List<LineSeriesItem<Double, Double>> powPoints1 = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i++) {
powPoints1.add(new LineSeriesItem<Double, Double>(i,2.5 + Math.pow(i / 4,
2)));
}

List<LineSeriesItem<Double, Double>> powPoints2 = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i ++) {
powPoints2.add(new LineSeriesItem<Double, Double>(i,-2.5 - Math.pow(i / 4,
2)));
}

LineSeriesChart<Double,Double> lineChart = new
LineSeriesChart<Double,Double>("Line Style Options");
lineChart.addValue(cosPoints);
lineChart.addValue(sinPoints);
lineChart.addValue(powPoints1);
lineChart.addValue(powPoints2);
SeriesDefaults seriesDefaults = new SeriesDefaults();
seriesDefaults.rendererOptions(new RendererOptions().smooth(true));
lineChart.setSeriesDefaults(seriesDefaults);
lineChart.addSerie(new Serie().lineWidth(2).markerOptions(new
MarkerOptions().style("diamond")));
lineChart.addSerie(new Serie().showLine(false).markerOptions(new
MarkerOptions().size(7f).style("x")));
lineChart.addSerie(new Serie().markerOptions(new
MarkerOptions().style("circle")));
lineChart.addSerie(new Serie().lineWidth(5).markerOptions(new
MarkerOptions().style("filledSquare").size(10f)));

return lineChart;
}

On Tue, Mar 13, 2012 at 10:55 AM, Decebal Suiu <
[email protected]

wrote:

Exact.

I wrote some code but I cannot obtains a LineChart with two series. I
don't know the relations between serie and the values from that serie
(jqplot it's new for me).

Thanks,
Decebal

On Tue, Mar 13, 2012 at 3:47 PM, Inaiat Henrique
[email protected]
wrote:

Hello,

a example like this (Line Style Options)
http://www.jqplot.com/deploy/dist/examples/line-charts.html ?

Thanks.

On Tue, Mar 13, 2012 at 9:24 AM, Decebal Suiu <
[email protected]

wrote:

Hi

It's series supported for LineChart? Can you write a simple demo (a new
method in JqPlotSample is enough)?

Thanks,
Decebal

Reply to this email directly or view it on GitHub:
#1

Reply to this email directly or view it on GitHub:

#1 (comment)

Reply to this email directly or view it on GitHub:
#1 (comment)

Reply to this email directly or view it on GitHub:
#1 (comment)

inaiat · 2012-03-14T14:18:58Z

Sorry! check again!

Thanks!

On Wed, Mar 14, 2012 at 6:35 AM, Decebal Suiu <
[email protected]

wrote:

I cannot find LineSeriesChart on github.

On Tue, Mar 13, 2012 at 11:51 PM, Inaiat Henrique
[email protected]
wrote:

Hello,

I developed LineSeriesChart. Checkout latest version. See example:

private LineSeriesChart<Double,Double> lineSeries() {
List<LineSeriesItem<Double, Double>> cosPoints = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i++) {
cosPoints.add(new LineSeriesItem<Double, Double>(i,Math.cos(i)));
}

List<LineSeriesItem<Double, Double>> sinPoints = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i+=0.4) {
sinPoints.add(new LineSeriesItem<Double, Double>(i,2 * Math.sin(i-.8)));
}

List<LineSeriesItem<Double, Double>> powPoints1 = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i++) {
powPoints1.add(new LineSeriesItem<Double, Double>(i,2.5 + Math.pow(i / 4,
2)));
}

List<LineSeriesItem<Double, Double>> powPoints2 = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i ++) {
powPoints2.add(new LineSeriesItem<Double, Double>(i,-2.5 - Math.pow(i /
4,
2)));
}

LineSeriesChart<Double,Double> lineChart = new
LineSeriesChart<Double,Double>("Line Style Options");
lineChart.addValue(cosPoints);
lineChart.addValue(sinPoints);
lineChart.addValue(powPoints1);
lineChart.addValue(powPoints2);
SeriesDefaults seriesDefaults = new SeriesDefaults();
seriesDefaults.rendererOptions(new RendererOptions().smooth(true));
lineChart.setSeriesDefaults(seriesDefaults);
lineChart.addSerie(new Serie().lineWidth(2).markerOptions(new
MarkerOptions().style("diamond")));
lineChart.addSerie(new Serie().showLine(false).markerOptions(new
MarkerOptions().size(7f).style("x")));
lineChart.addSerie(new Serie().markerOptions(new
MarkerOptions().style("circle")));
lineChart.addSerie(new Serie().lineWidth(5).markerOptions(new
MarkerOptions().style("filledSquare").size(10f)));

return lineChart;
}

On Tue, Mar 13, 2012 at 10:55 AM, Decebal Suiu <
[email protected]

wrote:

Exact.

I wrote some code but I cannot obtains a LineChart with two series. I
don't know the relations between serie and the values from that serie
(jqplot it's new for me).

Thanks,
Decebal

On Tue, Mar 13, 2012 at 3:47 PM, Inaiat Henrique
[email protected]
wrote:

Hello,

a example like this (Line Style Options)
http://www.jqplot.com/deploy/dist/examples/line-charts.html ?

Thanks.

On Tue, Mar 13, 2012 at 9:24 AM, Decebal Suiu <
[email protected]

wrote:

Hi

It's series supported for LineChart? Can you write a simple demo (a
new
method in JqPlotSample is enough)?

Thanks,
Decebal

Reply to this email directly or view it on GitHub:
#1

Reply to this email directly or view it on GitHub:

#1 (comment)

Reply to this email directly or view it on GitHub:

#1 (comment)

Reply to this email directly or view it on GitHub:

#1 (comment)

Reply to this email directly or view it on GitHub:
#1 (comment)

decebals · 2012-03-14T15:18:53Z

It's ok now but I have some problems with LineSeriesChar.setFillZero()t:
java.lang.NullPointerException
at br.com.digilabs.jqplot.chart.AbstractChart.setFillZero(AbstractChart.java:395)

And another little observations:

implements toString(), hashCode() and equals() for LineSeriesItem
in my opinion it's better to put setColor on Serie rather
setSeriesColor on Chart

I'm curios to see if the animation option pulled by balamaci it's functional.

Best regards,
Decebal

On Tue, Mar 13, 2012 at 11:51 PM, Inaiat Henrique
[email protected]
wrote:

Hello,

I developed LineSeriesChart. Checkout latest version. See example:

private LineSeriesChart<Double,Double> lineSeries() {
List<LineSeriesItem<Double, Double>> cosPoints = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i++) {
cosPoints.add(new LineSeriesItem<Double, Double>(i,Math.cos(i)));
}

List<LineSeriesItem<Double, Double>> sinPoints = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i+=0.4) {
sinPoints.add(new LineSeriesItem<Double, Double>(i,2 * Math.sin(i-.8)));
}

List<LineSeriesItem<Double, Double>> powPoints1 = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i++) {
powPoints1.add(new LineSeriesItem<Double, Double>(i,2.5 + Math.pow(i / 4,
2)));
}

List<LineSeriesItem<Double, Double>> powPoints2 = new
ArrayList<LineSeriesItem<Double, Double>>();
for (double i = 0; i < 2 * Math.PI; i ++) {
powPoints2.add(new LineSeriesItem<Double, Double>(i,-2.5 - Math.pow(i / 4,
2)));
}

LineSeriesChart<Double,Double> lineChart = new
LineSeriesChart<Double,Double>("Line Style Options");
lineChart.addValue(cosPoints);
lineChart.addValue(sinPoints);
lineChart.addValue(powPoints1);
lineChart.addValue(powPoints2);
SeriesDefaults seriesDefaults = new SeriesDefaults();
seriesDefaults.rendererOptions(new RendererOptions().smooth(true));
lineChart.setSeriesDefaults(seriesDefaults);
lineChart.addSerie(new Serie().lineWidth(2).markerOptions(new
MarkerOptions().style("diamond")));
lineChart.addSerie(new Serie().showLine(false).markerOptions(new
MarkerOptions().size(7f).style("x")));
lineChart.addSerie(new Serie().markerOptions(new
MarkerOptions().style("circle")));
lineChart.addSerie(new Serie().lineWidth(5).markerOptions(new
MarkerOptions().style("filledSquare").size(10f)));

return lineChart;
}

On Tue, Mar 13, 2012 at 10:55 AM, Decebal Suiu <
[email protected]

wrote:

Exact.

I wrote some code but I cannot obtains a LineChart with two series. I
don't know the relations between serie and the values from that serie
(jqplot it's new for me).

Thanks,
Decebal

On Tue, Mar 13, 2012 at 3:47 PM, Inaiat Henrique
[email protected]
wrote:

Hello,

a example like this (Line Style Options)
http://www.jqplot.com/deploy/dist/examples/line-charts.html ?

Thanks.

On Tue, Mar 13, 2012 at 9:24 AM, Decebal Suiu <
[email protected]

wrote:

Hi

It's series supported for LineChart? Can you write a simple demo (a new
method in JqPlotSample is enough)?

Thanks,
Decebal

Reply to this email directly or view it on GitHub:
#1

Reply to this email directly or view it on GitHub:

#1 (comment)

Reply to this email directly or view it on GitHub:
#1 (comment)

Reply to this email directly or view it on GitHub:
#1 (comment)

balamaci · 2012-03-16T07:30:47Z

Hi,
I think LineSeriesItem should not necessarily extend Number with the generics(don't know if only the first value or both can be not a number, see http://www.jqplot.com/tests/date-axes.php).

decebals · 2012-03-16T09:37:35Z

The NPE from LineSeriesChart.setTicks() appears because in getChartConfiguration().getAxes() returns null.
With these lines in constructor I resolved the problem:
getChartConfiguration().createAxesDefaults().setLabelRenderer(JqPlotResources.CanvasAxisLabelRenderer);
getChartConfiguration().createXAxis().setPad(0F);
(it's a copy/paste from constructor of LineChart)

The main problem is that setTicks() doesn't work in LineChart and any variations of this (LabeledLineChart and LineSeriesChart). I try to create a line chart (with series) that contains date on X axis and Number on Y Axes.

inaiat · 2012-03-16T10:39:03Z

Ok. I will change to Serializable.

Thanks.
Em 16/03/2012 04:30, "Serban Balamaci" <
[email protected]>
escreveu:

Hi,
I think LineSeriesItem should not necessarily extend Number with the
generics(don't know if only the first value or both can be not a number,
see http://www.jqplot.com/tests/date-axes.php).

Reply to this email directly or view it on GitHub:
#1 (comment)

inaiat · 2012-03-16T10:44:19Z

Hi,

Can you send me a example?

Thanks in advanced.
Em 16/03/2012 06:37, "Decebal Suiu" <
[email protected]>
escreveu:

The NPE from LineSeriesChart.setTicks() appears because in
getChartConfiguration().getAxes() returns null.
With these lines in constructor I resolved the problem:

getChartConfiguration().createAxesDefaults().setLabelRenderer(JqPlotResources.CanvasAxisLabelRenderer);
getChartConfiguration().createXAxis().setPad(0F);
(it's a copy/paste from constructor of LineChart)

The main problem is that setTicks() doesn't work in LineChart and any
variations of this (LabeledLineChart and LineSeriesChart). I try to create
a line chart (with series) that contains date on X axis and Number on Y
Axes.

Reply to this email directly or view it on GitHub:
#1 (comment)

decebals · 2012-03-16T13:07:12Z

I created an issue on jgplot4java and added test code.

On Fri, Mar 16, 2012 at 12:44 PM, Inaiat Henrique
[email protected]
wrote:

Hi,

Can you send me a example?

Thanks in advanced.
Em 16/03/2012 06:37, "Decebal Suiu" <
[email protected]>
escreveu:

The NPE from LineSeriesChart.setTicks() appears because in
getChartConfiguration().getAxes() returns null.
With these lines in constructor I resolved the problem:

getChartConfiguration().createAxesDefaults().setLabelRenderer(JqPlotResources.CanvasAxisLabelRenderer);
getChartConfiguration().createXAxis().setPad(0F);
(it's a copy/paste from constructor of LineChart)

The main problem is that setTicks() doesn't work in LineChart and any
variations of this (LabeledLineChart and LineSeriesChart). I try to create
a line chart (with series) that contains date on X axis and Number on Y
Axes.

Reply to this email directly or view it on GitHub:
#1 (comment)

Reply to this email directly or view it on GitHub:
#1 (comment)

balamaci · 2012-03-16T20:24:14Z

I've tried to use LineSeriesChart with DateAxisRenderer. The LineSeriesChart does not have @JqPlotPluginJqPlotResources.DateAxisRenderer and so it does not contribute the necessary js resource. After I changed it, it worked. Any reason why LineSeriesChart should have the same @JqPlotPluginJqPlotResources as LabeledLineChart
I've seen it exists also LabeledLineChart. It's not real clear to me right now why and when I should use LabeledLineChart instead of LineSeriesChart(and why not just have only one type).

inaiat · 2012-03-16T20:33:56Z

Hi,

I change LineSeriesItem to extend Serializable.

Thanks.

On Fri, Mar 16, 2012 at 4:30 AM, Serban Balamaci <
[email protected]

wrote:

Hi,
I think LineSeriesItem should not necessarily extend Number with the
generics(don't know if only the first value or both can be not a number,
see http://www.jqplot.com/tests/date-axes.php).

Reply to this email directly or view it on GitHub:
#1 (comment)

inaiat · 2012-03-16T21:12:53Z

Hi,

the final json result is different. When I started the project I thought
the best model was abstract all objects, like some parts of java Swing, but
is harder to build a simple LineChart. So, I thought write some classes to
help development like BubbleCharts and BarChart that encapsulates
complexity. I don't know thats is right way. What do you think?

Best Regards.

On Fri, Mar 16, 2012 at 5:24 PM, Serban Balamaci <
[email protected]

wrote:

I've tried to use LineSeriesChart with DateAxisRenderer. The
LineSeriesChart does not have @JqPlotPluginJqPlotResources.DateAxisRenderer
and so it does not contribute the necessary js resource. After I changed
it, it worked. Any reason why LineSeriesChart should have the same
@JqPlotPluginJqPlotResources as LabeledLineChart
I've seen it exists also LabeledLineChart. It's not real clear to me right
now why and when I should use LabeledLineChart instead of
LineSeriesChart(and why not just have only one type).

Reply to this email directly or view it on GitHub:
#1 (comment)

GaryChu2186 · 2015-11-12T09:05:00Z

Hello,

I try to create a line series chart that have date on X axis, but it looks like i can't do that because it only take numbers, I am new to this library so maybe I am missing a few things?

any help will be appreciated

Thank you

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

LineChart series sample #1

LineChart series sample #1

decebals commented Mar 13, 2012

inaiat commented Mar 13, 2012

decebals commented Mar 13, 2012

inaiat commented Mar 13, 2012

decebals commented Mar 14, 2012

inaiat commented Mar 14, 2012

decebals commented Mar 14, 2012

balamaci commented Mar 16, 2012

decebals commented Mar 16, 2012

inaiat commented Mar 16, 2012

inaiat commented Mar 16, 2012

decebals commented Mar 16, 2012

balamaci commented Mar 16, 2012

inaiat commented Mar 16, 2012

inaiat commented Mar 16, 2012

GaryChu2186 commented Nov 12, 2015

LineChart series sample #1

LineChart series sample #1

Comments

decebals commented Mar 13, 2012

inaiat commented Mar 13, 2012

decebals commented Mar 13, 2012

inaiat commented Mar 13, 2012

decebals commented Mar 14, 2012

inaiat commented Mar 14, 2012

decebals commented Mar 14, 2012

balamaci commented Mar 16, 2012

decebals commented Mar 16, 2012

inaiat commented Mar 16, 2012

inaiat commented Mar 16, 2012

decebals commented Mar 16, 2012

balamaci commented Mar 16, 2012

inaiat commented Mar 16, 2012

inaiat commented Mar 16, 2012

GaryChu2186 commented Nov 12, 2015