LinkedIn
Twitter
The following feature has been added to the Preview Program. Feel free to test the feature and report issues or possible improvements in this thread.
App Creators can now make use of our new chart editor and the new and improved charts it can create. There are still features to be added before general availability, and the new charts should not be used in production apps until general availability as they may be unstable in the future.
Weโve been trying to create a charting experience that allows creators to create charts with more flexibility than they currently have, and which tries to be smart about picking the type of chart that will best represent your data.
How do I start creating new charts?
If you have enabled the preview program for your app (make sure to save after turning on the preview program), you should be able to see a toggle to switch between the current experience and the new experience the next time you are viewing a chart under UX โ Views. Just press โTry it outโ and you should be able to play with it.
How do I use the new editor?
The new editor will show you the columns in your app, and you can drag them into appropriate Configuration slots. We will then try to guess the type of chart that is appropriate for that type of data - however you can change this should you wish.
Weโre also very interested in feedback as to the usability and discoverability of the features of this editor, so do please explore and let us know what you found.
What chart types are we supporting?
We are currently supporting bar, line, area, scatter, pie, and doughnut charts.
But what about my existing charts?
You can feel free to play around with this chart editor even on top of an existing chart, as they are co-existing alongside one another. You can switch back to your old chart by just pressing the โUse legacy chartsโ button.
What features are upcoming?
Weโll be rolling out new improvements to this periodically (so stay tuned to the Release Notes to get an exact accounting of whatโs coming!), some notable features that will be coming soon are
- The ability to pick from several different themes for the colours in the chart
- The ability to show and hide the title and the ability to turn off clicking through the data on the chart
- The ability to customize what is in the tooltips that users see when over a chart
And more!
I played around with the Color Field. I was wondering what determines the order. I found that it is not the alphabetically order of the label and not the order of the DateTime value.
But it is the RowNumber: The value in the first row will be the first color.
@ben can you confirm?
You can click in the FILTER to enter the column's name.
The following is the Legacy Chart in the editor. Under For this data I selected my table called Tasks. Under Chart type I selected one of the aggregate data types, in this case Aggregate piechart. (*Note: you need to use one of the 4 aggregate charts, and there are several more options under Chart columns.) In this case I chose my column called Status Label.
When you click on a segment of the chart it opens a list view with all the rows matching that segment. In this case I click on Done and it opens a table view of items where the "Status" column is equal to Done. I had already created a table view with the same data as the chart view. So the For this data is set to Tasks. View type must be set to either deck or table. Now you can modify the colums, etc for when you click on the chart.
*As I mentioned above this works for the 4 different aggregate charts:
- Histogram
- Horizontal histogram
- Aggregate piechart
- Aggregate donutchart
If you select one of those 4 Chart types then you have several options for Chart columns (and your charts will open a list view when clicked):
If you select any other Chart type then the Chart columns options are more limited, like this (and your charts will open a detail view when clicked):
I hope this helps.
