Forum Academy Marketplace Showcase Pricing Features

amCharts plugin [Premium now Live]

adding a video tutorial for how to leverage user inputs to update the chart would be a great addition to the microsite, @edwardbutcher, as I expect this will be a fairly common request :wink:

Hi @ryanellman - firstly, thanks for the info re: Safari. Will take a look and try and isolate the issue over next few weeks.

@djwideman’s approach sounds good. Although there’s no need to use an intermediary Thing if you are just looking to restrict the search results using Fields that belong to the source Thing - you would just apply constraints and link them to your user’s input choices, however you are capturing them. You can see that in the second last tutorial - Monthly Grouping (black and white column chart).

Where you want to be able to change the source Thing - i.e. the main object driving the Category and Values searches, building an intermediary object that can build that list before passing it to the plugin sounds like a smart way to go. As long as the plugin receives sets of corresponding lists (Category & Values) it should be happy - it is blind to anything that goes before it to generate the data.

Is the plugin able to pickup data from a RG directly? like Repeating Group Report’s list of entries?

I wanted to try this because I have a RG with a bunch of filters that I can slice up the data nicely with, but the graph gave error messaged when I tried to use the RG directly as a source.

I can provide more info if needed but was wondering if this sounds familiar.

I also noticed the safari issues by the way, but figured you were too busy for that anyway ;). It wouldnt load/play the videos. But its a minor issue.

You would need to rebuild the RG search conditions within the chart, to the extent that you can

1 Like

No pun intended here, but what are the chances of integrating AmChart’s Bubble Chart? I’d purchase the premium plugin if/when that is available. Excellent work here btw.

@edwardbutcher - looks like the checkout page for your premium plugin doesn’t allow for Bubble apps with more than 19 characters in the name. I have several that are greater than 19, please advise.

hi @supernaturally - well spotted. Should work now, and note that I also switched from app name to URL of App editor due to some recent issues with app ID’s and authentication.

No immediate plans to develop the bubble chart I’m afraid. The user base for these plugins is very small vs. the time taken to develop them. Possible in the future though or sponsored if you really need it.

1 Like

Thanks for all the info @edwardbutcher and @djwideman. For my use case, I believe creating an intermediary object is the way to go. I will let you know if I make any progress with this method and wouldn’t mind helping put together a tutorial if I figure it out.

1 Like

How can I get a similar chart with multiple blocks in each column with amCharts?

Check out the ‘Stacked and grouped buyer Transactions over time’ tutorial on the micro-site - link at top of thread

Thank you @edwardbutcher!

Can you please help me know a way to start a chart at 0 every time?

Also, is it possible to restrict the Y-axis to count by whole numbers, rather than decimals?

Thank you!!!

Yes I can build an option in for this within the next week.
I will nudge you once it’s live.
Ed

1 Like

@edwardbutcher Awesome thanks VERY much!

@edwardbutcher

Hi Edward,
This plugin looks absolutely awesome!

Is there any way to start a workflow by clicking on a data point in a curve or a pie chart using this plugin?

What I’d like to do is to simulate “drill down” capabilities from a chart, possibly navigating to another page to show different data.

Many thanks!

Alex

Ill second that one! awesome feature that would be.

@edwardbutcher,

Hi Edward,
I have a question that you may have answered already but I can’t find a way to do it.
I’m trying to chart the “percentage completion values” of a variable over dates.

I’d like to show horizontal gridlines from 0% to 100%. My data values are whole numbers between 0 and 100 but the day the report is run, it may not have reached 100%.

I followed your tutorials and found them incredibly clear and useful. I managed to create a graph and show the numbers as %, but I could not make the vertical axis go to 100% and end there.

On my first try, I only reach 35% which is the highest number in my series.

My plot looks like this:

Then I thought of adding a second series, defining all its values to be 100 for each day and plot them simultaneously. The result however, is still not what I wanted because it shows that the vertical axis can go to 100%

Now I’m thinking of kludging it a bit further, defining the 2nd series to have a value of 80 instead of 100 for each day and configure its opacity to 0 so it won’t show. This is assuming that the amchart widget will add a gridline to 100. But before I do that, I wanted to ask you if I’m using the right approach or if I’m doing something silly or wrong here.

Alternatively, maybe there is something I can put in the Series properties that would force the axis to go only from a min to a max value. Is there such a thing?

Many thanks!!

Is there anyway to try the paid version? I think it will solve my use case, but need to try to be sure.

Is anyone using amChart with unix timestamps? I’d like to display live API data (w/ unix timestamp) instead of saving anything to the database and converting. 1000’s of rows of data.

1 Like

I am trying the chart plugin and it was working now it just stopped and getting the following error?

TypeError: Cannot read property 'length' of null
    at fn_bubble_data (eval at p.create_code (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:12265), <anonymous>:18:53)
    at eval (eval at p.create_code (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:12265), <anonymous>:167:56)
    at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:30575
    at A (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:24503)
    at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:30531
    at e._run_if_not_destroying (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:19609)
    at e.run_me (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:103:227)
    at new e (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:102:31502)
    at Object.Ve.autorun (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:102:31288)
    at e.autorun (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:19422)
    at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:29980
    at t (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:12557)
    at e.wait_for_visible (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:12600)
    at Object.E.k.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:29839)
    at Object.t.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:38:4849)
    at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:22931
    at Object.Ve.autorun_top (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:103:1172)
    at e.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:22889)
    at e.draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:21283)
    at e.draw_children (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:23662)
    at e.draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:21374)
    at n.s.ElementService.n.display (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:32:29970)
    at c (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:109:11370)
    at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:109:10327
    at r (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:102:1328)
    at t.e.fire_turned (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:102:2241)
    at t.turn (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:102:2971)
    at HTMLDocument.<anonymous> (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:109:8859)
    at j (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:8:29948)
    at k (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:8:30262)14:04:50amChartsSerial ATypeError: Cannot read property 'length' of null
    at fn_bubble_data (eval at p.create_code (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:12265), <anonymous>:18:53)
    at eval (eval at p.create_code (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:12265), <anonymous>:167:56)
    at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:30575
    at A (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:24503)
    at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:30531
    at e._run_if_not_destroying (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:19609)
    at e.run_me (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:103:227)
    at new e (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:102:31502)
    at Object.Ve.autorun (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:102:31288)
    at e.autorun (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:19422)
    at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:29980
    at t (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:12557)
    at e.wait_for_visible (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:12600)
    at Object.E.k.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:100:29839)
    at Object.t.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:38:4849)
    at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:22931
    at Object.Ve.autorun_top (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:103:1172)
    at e.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:22889)
    at e.draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:21283)
    at e.draw_children (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:23662)
    at e.draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:90:21374)
    at n.s.ElementService.n.display (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:32:29970)
    at c (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:109:11370)
    at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:109:10327
    at r (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:102:1328)
    at t.e.fire_turned (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:102:2241)
    at t.turn (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:102:2971)
    at HTMLDocument.<anonymous> (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:109:8859)
    at j (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:8:29948)
    at k (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/0371f194494d4b754e03f77e0b7587604b84586c6b2224430a7a4c2d050b663f/xfalse:8:30262)

HI All, If you get the above error I found out that one of my query constraints was delivering no data so was throwing the error, “TypeError: Cannot read property ‘length’ of null” but when I then expand the constraint to include data it worked.

Something to watch when choosing a data source based on a query constraint.

Perhaps update for the future a way of identifying a null value and alerting the bubbler, or a way of handling null values as a “0”.