Chart Tools Plugin

Some very small changes to update you on… Details below.
Some further updates in the pipeline based on features requested by users. And a very big update coming in early 2019 :man_office_worker::woman_office_worker:

In Version 3.5.3
Chart Tools and amCharts elements:

  • Documentation now in property editor : I have now brought over the plugin documentation from here to the Property Editor.

  • Bug fix : Have also applied a fix to a behaviour with multi-series charts that had crept with some background code changes.

If you need further support, or think you have spotted a bug just get in touch with me at ed@chartbox.co or PM me on the forum.

2 Likes

HI @exception-rambler Happy new year! I have a future request to help format the x axis labels on charts. At the moment there are occasions where x axis labels are not shown on some charts and it appears to be that it doesn’t know what to do with the labels at certain number/sizes - keep horizontal or swap to inclined / x degrees.

It would be good if this was either fixed or we had more control of the axis labels.

See below the last chart option.

chart-labels

Hi @StevenM and HNY!

I have a raft of changes upcoming, I could add in a control that would allow you to set the max. angle of rotation, including preventing it from rotating at all. Would that achieve what you are looking for?

Yes that would be perfect!

Hi @exception-rambler Hello everyone, I am using the paid plugin of chart tools to create a new chart that contains multiple series. so I find some problem in manipulation and extract data from the database to draw an important chart in my project.
so if anyone who works in this plugin can give us some helps to find a solution to build this chart with chart tools.
pictures down below contain all needed information. thanks

![47|690x337]

1 Like

It looks as though you posted this twice? I have replied to you here.

Hi @exception-rambler I’m using some of your charttools graphs in my app and they are great.

I was wondering if you were planning to add the ability to execute actions when clicking on chart elements and allow the passing of data to the workflow?

For example, I have a pie chart showing the count of a thing based on a few different properties (i.e. 7 blue, 3 red, etc). When the user clicks on the portion of the chart for that property, I want to redirect them to a page with a list (repeating group), filtered by that property (e.g. have a repeating group of the thing filtered for red).

I can think of lots of other use cases for this which would be really cool!

4 Likes

Hi @exception-rambler, could you add the ability to go to another page from the chart and send data?

For instance, if I’m showing task data based on priority, then I want to be able to click on one of the priorities (e.g. High priority) and have it go to the Task page and display only the records with the priority that was clicked in a repeating group.

1 Like

Hey @jarrod - I’m currently working on the next release and I just incorporated your suggestion today. It will be available soon.
Ed

Hey @Kfawcett - I’m thinking this is similar to the request above. What I have put in is 1) an event that fires when an element in the Chart is clicked and 2) a (few) custom states that carry the value of the element that was last clicked.

So you could easily combine (1) with (2) to achieve what you are describing.

A few more changes and a bit of testing and I’ll have this out.

2 Likes

@exception-rambler thanks heaps! looking forward to it.

Am I just missing something or is there not a way to format the labels on the Y axis.

For example, my values on the Y axis range from $1M to $10M. Currently I can only see a way to add a prefix to the original value of 10000000.

I would like to format to $10M for readability and space.

Additionally, I would like to edit the step for the Y axis?

hey @derek1 - currently you can only handle the ‘$’ and ‘M’ components. Reducing 1000000 to 1 would need to be pre-processed through a workflow currently. I will look at incorporating this in though.

Step size is coming within the next update.

Thanks for the update. Ideally some type of freeform formatter, similar to Bubbles “custom” option on dates, would be great.

Look forward to the update.

Chart Tools 3.6 now live… update to the latest version 3.6.5
Full details provided below.
Demo | Editor

There are a a number of substantive changes, so please switch over with care - i.e. give yourself time to check-out the impacts. In particular, you might see changes to grid and axis lines. If your element keeps snagging it can be worth resetting the lot by creating a new element altogether.

In Version 3.6+
New with Chart Tools elements:
See demo page here for demo charts and Bubble Editor view here for all of the below:

  • Full axes, gridline and label colour and line controls
  • Control tick length and label spacing from axis
  • Click events - data from a click event on a chart element is passed to a set of custom states, and a workflow event is fired @Kfawcett @jarrod
  • Cumulative addition across each series - aggregate lists or grouped data over time
  • Perform basic math operations on the Y-Axis label. For example, turn $10000 into $10k @derek1
  • Control step size on the Y-Axis @derek1
  • Better control over tooltips, including ‘Always show’ option, and always show details of all Series
  • Map specific values to predetermined colors in Pie Charts @StevenM
  • Improved date formatting of X-Axis and dates shown in Tooltips - all common date formats available
  • Maximum label rotation introduced to limit or prevent space saving rotation of labels @StevenM

Bug fixes

  • ‘Legend label’ selections within Tooltips now display properly @steve5

No changes have been made to amCharts elements

If you need further support, or think you have spotted a bug just get in touch with me at ed@chartbox.co or PM me on the forum.

4 Likes

Hi @exception-rambler,

Really liking this plugin, most likely going to use it for my future project…

Is it possible to create a simple line graph such as the ones in GitHub activity (with lower values being shaded differently):

26%20PM

Thanks,

Tal

hi @Nocodify - it’s mostly possible, but not 100%.
Here are some options that I mocked up (or editor view here).

You can either:

  1. Shade the area beneath the line. This will allow you to (simply) apply a gradient, but means that your chart is not simply a line.

  2. Use a thick line with no fill underneath. Although in this case you cannot apply a gradient to just the line - and so the color will be constant.

  3. Messy idea, but if you really really wanted this effect you could do something like the below. Where you use a second, white series to block out part of the gradient area from the first series. This isn’t a great idea though as you will have do run unnecessary processing to produce the data for that second series.

@exception-rambler, thank you for taking time to make this! I will definitely implement one of these.

In regards to the hiding of the y/x axis, how do you do that? I’ve looked at the element properties but can’t find the setting to hide them.

I thought it would be this, but for some reason I still have the axis showing:

52%20AM

Tal

@exception-rambler - Great tool!

Question: Is there an option to show the actual #'s without hovering over the bar/line/pie?

I am trying to convert the page as a PDF, and obviously the graphs won’t show the actual #'s without hovering.

Thanks!

Hello @exception-rambler, great plugin!

I am trying to plot this as my X axis:

image

but I have this error:

YET the plot works! Now because of the error I can’t deploy my app, please help me.