Comments on: Plotr 0.3.0 released

By: Daniel Lunde

Daniel Lunde — Fri, 04 Jan 2008 23:49:52 +0000

It feels like there may be problem when creating a PieChart 0.3. My intension is to associate the label with the correct slice, but since the dataset is a hash, the "Yes" and "No" keys do not map to the xTicks 100% of the time.


var dataset = {"Yes": [[0, 335]], "No": [[0, 119]]};

var options = {"axis": {"x": {"ticks": [{"v": 0, "label": "Yes"}, {"v": 1, "label": "No"}]}}};

var qp = new Plotr.PieChart('qp',options);
qp.addDataset(dataset);
qp.render();

Back in 0.2, the dataset looked like the following which allowed for the association between slice and label to work without any problems.


var dataset = {"Set": [[0,335],[1,119]]}

But this dataset doesn't work in 0.3 (only the first value ([0,335]) is used. How should I be constructing the dataset in 0.3 to get the desired results?

By: Charlie

Charlie — Wed, 14 Nov 2007 01:57:48 +0000

Any word on being able to use this version with MooTools? I tried using the Prototype-Mootools wrapper mentioned in the comments for the main Plotr release post, but I keep getting the “canvas is not contained in a div” error.

By: Ryan

Ryan — Wed, 07 Nov 2007 22:44:34 +0000

Do you have any plans to support negative numbers in a future version, for example a line graph that goes from -10 to +10 with the x-axis at 0 in the center? What amount of work do you see this as taking? Is it something you’d accept help to support?

By: Jack Danger

Jack Danger — Thu, 01 Nov 2007 15:40:26 +0000

Bas: I can’t tell you how happy I am to have found Plotr. Thanks for maintaining it and keeping it up to date. My startup has removed massive application and database workload by pushing our charts off to the client – it’s been a real lifesaver.

By: Bas Wenneker

Bas Wenneker — Wed, 17 Oct 2007 11:51:24 +0000

@Greg: Yes I heard the Prototype team rewrote the Hash class, but I didn’t knew the merge function’s changed, I’ll look into it. About the class functionality, I’m going use to new functionality of Prototype 1.6.

By: G Jones

G Jones — Wed, 17 Oct 2007 11:36:04 +0000

Hi,

Just upgraded Plotr to use this version and I like the changes, but I’m also using the RCs of Prototype 1.6, and it’s probably because of this that adding datasets fails. The new version of the Hash object in Prototype has changed such that .merge() no longer changes the instance, but instead returns a new, merged instance. Changing 466 of the combined file to either “this.dataSets = this.dataSets.merge(dataset);” or “this.dataSets.update(dataset);” makes it work. I understand changing this before 1.6 is actually out wouldn’t make sense, but thought the heads-up would be useful.

Also, could I suggest that the addTable function be changed to accept elements as well as id-strings? This makes things a lot simpler when charts are being created programatically. As far as I can tell, this could easily be done by changing the start of the function to be:
table = $(table); var tr = table.getElementsBySelector('tbody tr'); var thead = table.getElementsBySelector('thead td');

I’m probably missing something, but I can’t seem to get Plotr to take heed when I pass it ‘axis’ ranges:
I used to use:
options = { yAxis: [0,10000] }
and I tried:
options = { axis: { y: { axis: [0,10000] } } };
but doesn’t seem to work.

sorry to go on so long, but one final question/comment. Do you have any plans to make Plotr use some of the new Class functionality that Prototype 1.6 is bringing? If not, then would you be receptive to patches that make it do so?

thanks for your work,

Greg

By: Bas Wenneker

Bas Wenneker — Mon, 08 Oct 2007 07:26:35 +0000

The options are changed in version 0.3.0, to define x ticks: use the option option.axis.x.ticks. Keep an eye out on the plotr documentation, an article about the ticks should be ready soon…

By: mike

mike — Mon, 08 Oct 2007 00:14:17 +0000

Hi, thanks for a wonderful tool. I’m working on a piechart which isn’t doint exactly what I want.
I’ve defined datasets with only one value per set. I have a list of attributes for a certain object, which I’m trying to present as a piechart breakdown of the percentage of that attribute for the total object. For instance, one object is made up out of 17% fat, 53% water, 22% of substance 1, and 8% of substance 2.
My dataset looks like:
“fat”: [[0, 17]],
“water”: [[1, 53]],
“substance1″: [[2, 22]],
“substance2″: [[3, 8]]
At the moment next to the actual slice it simply displays 0 (17%), 1 (53%), 2 (22%), 3 (8%).
I would very much like it to display the label of that slice, so I defined (as per example) the xTicks option like so:
{v:0, label:’fat’},
{v:1, label: ‘water’},
{v:2, label: ‘substance1′},
{v:3, label: ‘substance2′}
but it’s not displaying them at all.
Basically, I’ve copied over your example here (http://solutoire.com/plotr/pieexample/) and changed the variables and added some stuff like transparent background, legend, and stroke. Also obviously I changed the dataset values to only one value per dataset.
Suggestions would be most welcome.

By: Mladen Mihajlovic

Mladen Mihajlovic — Thu, 04 Oct 2007 10:15:22 +0000

Wonderful news! I can’t wait to try it out. Any comment on my previous question of making it JQuery compatible?

By: ryushe

ryushe — Mon, 01 Oct 2007 21:25:22 +0000

Great ;)
Just played around changing values in the Plotr.Base.generateColorscheme() and the Plotr.Color() functions, but I don’t see any difference at all. Am I missing something here, or is any arbitrary number not going to give results anyways?

Once again, thanks for taking the time to answer questions dude, much appreciated.