19 Responses to “Plotr 0.3.0 released”

1. 
   ryushe | 7 months, 2 weeks ago | #

   Hi there,

   I downloaded the 0.3.0 release just now, before you even had this page up. Was lucky enough to see it in the google code list. Anyways, I downloaded and set it up, using the pie chart. I have multiple charts on one page, so I’ve called each one pie1, pie2, pie3 etc. Using the code from the example piechart page included, everything displays. using the output from your plotr configurator, none of the charts display. I’m using FF2.0.0.7.
   This is how I have it implemented atm:

   var dataset = {"firstPie": [[0, 1]], "secondPie": [[0, 0.7]], "thirdPie": [[0, 0.5]], "fourthPie": [[0, 0.5]], "fifthPie": [[0, 0.5]]};
   
   var options = {"colorScheme": "blue", "axis": {"lineWidth": "1", "labelColor": "#000000"}, "background": {"color": "#F2f2f2", "lineColor": "#FFFFFF", "lineWidth": "3.0"}, "legend": {"opacity": "0.5"}, "stroke": {"shadow": false, "width": "1"}};
   
   var chart = new PieChart('pie<!--[$groupCounter]-->', options);
   chart.addDataset(dataset);
   chart.render();
   

   The thing is just a counter to give each chart it’s own ID.
   I tried messing around with the chart = new PieChart(’pie’); stuff, like changing it into chart = newPlotr.PieChart (as per example btw), but to no avail :/

   Any ideas or suggestions?
2. 
   ryushe | 7 months, 2 weeks ago | #

   Some code got nuked during the posting process there.
   Anyways, the ‘thing’ I refer to is a +1 counter variable I added to the PieChart(’pie$variable_here’, options); part. Of course added the same variable to the code that calls the chart in the first place.
   (Also, apologies for posting code here :/ )
3. 
   Josh | 7 months, 2 weeks ago | #

   Good work on the release, and thanks!

   Is there any chance of getting either Plotr_uncompressed.js or plotr_uncompressed.js ditched in subversion? On first-letter-case-insensitive filesystems like HFS+, it will cause checkouts to fail because both files can’t exist at the same time, which in turn, causes any checkout that has Pltotr listed as an svn:external to fail.

   Just a thought — it would be a really quick fix and be a *huge* favor to me, seeing as how one of them is old anyway. :)
4. 
   Richard Kuesters | 7 months, 2 weeks ago | #

   Hello!

   First of all, good work again on Plotr, it really looks promising. Unfortunatelly I have an application that has colors attached to every group of data (that renders in lots of different places, like grids, panel groups, etc) and the charts generated with these data must have their color attacheds (like warning = orange, critical = red). Because of this I can’t use Plotr (at least for now). Is there anyway to customize colors of every single dataset? Or there’s a plan to implement it in the near future?

   Thanks in advance.
5. 
   Bas Wenneker | 7 months, 2 weeks ago | #

   @ryushe: You’re right. The code that was generated was wrong. The PieChart should be instantiated by doing:

   var chart = new Plotr.PieChart('plotr', options);
   
   // So using your code, this should work:
   var dataset = {"firstPie": [[0, 1]], "secondPie": [[0, 0.7]], "thirdPie": [[0, 0.5]], "fourthPie": [[0, 0.5]], "fifthPie": [[0, 0.5]]};
   var options = {"colorScheme": "blue", "axis": {"lineWidth": "1", "labelColor": "#000000"}, "background": {"color": "#F2f2f2", "lineColor": "#FFFFFF", "lineWidth": "3.0"}, "legend": {"opacity": "0.5"}, "stroke": {"shadow": false, "width": "1"}};
   
   // Be sure to point to the right id (first argument)
   var chart = new Plotr.PieChart('pie', options);
   chart.addDataset(dataset);
   chart.render();
   

   @Josh: I screwed up svn so badly and I tried several times to fix it. The latest revision is not the current release. This weekend I’ll look into it, and if nothing works, I’ll ask the Google crew to reset the svn.

   @Richard: The colorschemes are something that are likely to change because it’s not flexible enough in the current and past versions. I’ll write down your request.
6. 
   ryushe | 7 months, 2 weeks ago | #

   Thanks Bas,
   seems to working great now. One last request and I’ll leave you alone for some time while I go and play with all of this. So, Is it possible to:
   1) Change the color of the labels listed INSIDE the legend box?
   2) Change the name of the labels on the pie chart so that they match the labels in the legend? Ie. you have as example a dataset called firstPie with some data attached to it, now instead of displaying ‘firstpie’ in the legend, display firstpie as well in place of the ‘0′ (as in your example)? As the ‘0′ isn’t really saying that much in this case :/

   Besides all that, very nifty script. I’ll have some fun poking around and trying to get some data charted out :)
7. 
   ryushe | 7 months, 2 weeks ago | #

   Heh, seems I got one more after all. Would it be hard to make the chart colors (for a pie chart) start looping after say 7 or 8 datasets if there are more than 7 or 8 datasets present? This because most of it tends to be quite hard to distinguish between the lighter variations of a certain color scheme.
   See this image to get an idea of what I mean.
8. 
   Milan Cvejic | 7 months, 1 week ago | #

   Does plotr now support negative values?
9. 
   Bas Wenneker | 7 months, 1 week ago | #

   @ryushe: I’m working on documentation for colorschemes. you can see a preview over here.

   @milan: No, Plotr does not support negative values.
10. 
    ryushe | 7 months, 1 week ago | #

    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.
11. 
    Mladen Mihajlovic | 7 months, 1 week ago | #

    Wonderful news! I can’t wait to try it out. Any comment on my previous question of making it JQuery compatible?
12. 
    mike | 7 months ago | #

    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.
13. 
    Bas Wenneker | 7 months ago | #

    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…
14. 
    G Jones | 6 months, 3 weeks ago | #

    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
15. 
    Bas Wenneker | 6 months, 3 weeks ago | #

    @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.
16. 
    Jack Danger | 6 months, 1 week ago | #

    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.
17. 
    Ryan | 6 months ago | #

    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?
18. 
    Charlie | 5 months, 4 weeks ago | #

    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.
19. 
    Daniel Lunde | 4 months, 1 week ago | #

    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?
20. 
    Your name | some time ago | #

    Live preview of your comment.

Share your thoughts

Notify me of followup comments via e-mail