Charts
22 results found
-
Allow the injected filter for authenticated embedding to be injected as the first filter in pipeline
When you embed a chart with authenticated access you have the option to inject a function that returns a MongoDB Query to be injected as a filter on the chart. In this function you have access to the context object which provides info about the current user (token), this gives you the ability to filter the data per tenant in case of multi-tenant applications, but since this filter is only applied as chart filter and not as filter in the aggregation pipeline of the chart or as filter in the view used by the chart, it's really difficult to hit…
1 vote -
While embedding dashboard through javaScript SDK add support to have ability to view carts as full-screen.
While embedding dashboard through javaScript SDK add support to have ability to view carts as full-screen. So that user can maximise and minimise charts view.
1 vote -
Provide a Vue 3 implementation example of an embedded chart
There are vanillajs and react examples but not with Vue
1 vote -
Being able to destroy an embedded chart or dashboard
The Charts Embedding SDK should expose some sort of destroy method to assist with cleaning up the DOM nodes created inside the divRef element.
The workaround at the moment for this is to manually do this cleanup yourself inside the function returned by useLayoutEffect. A CodeSandbox example is https://codesandbox.io/s/blissful-resonance-5yjrpq?file=/src/App.tsx
2 votes -
Show "no matching data" rather than having a blank chart
I have a dashboard containing several charts. We also added filtering (which is complex and I had to build my own UI, which seems redundant - see https://feedback.mongodb.com/forums/923524-charts/suggestions/43736778-embedding-charts-with-filter-ui). In some cases, the user could create filters that end up filtering out all of the data. Strangely, this causes all of the charts in the dashboard to render completely blank. I would expect that, for example, a table would have all of its data replaced with zeroes, and a map might show without any of the countries being shaded. But instead, it's all blank, with no message of any kind.
…
5 votes -
Add a "Download as (CSV/JSON/...)" button to each charts while they are embedded
Since we can now embed charts and dashboards, it would be amazon if we enable "Get chart data" functionality while the charts are embedded as we can now do in the Charts section in Atlas.
By doing so, the user will be able to export the dataset with "Download - CSV" and "Download - JSON" buttons for the selected chart.
4 votes -
Support Atlas Search-based filtering when embedded dashboard/chart filter is set
Currently, when
setFilter()is called on an embedded dashboard/chart, a$matchaggregation stage is added to the data source pipeline; however, if the data source pipeline is using$searchor$searchMeta, we need a way to allow Atlas Search to handle the filtering, since$matchcannot precede$search/$searchMeta. Providing a programmatic way to set/modify acompoundoperator inside$search/$searchMetawould address this need4 votes -
Edit Query Bar/Aggregation Pipeline in Embed
Currently, the Embed SDK's filtering happens after the aggregation pipeline — which means it is useless for filtering the input to the aggregation pipeline.
Say, if I only want to aggregate documents between certain dates, or has a field equal to a specific value, those will have to be hardcoded in the Query Bar. I cannot use the filter in the SDK since the filter is applied after the aggregation pipeline, meaning the fields I want to filter by are not present.
2 votes -
Change binning through embedding SDK
We use a lot of embedded charts in our application and would like of offer users to dynamically change binning on them to e.g. show stats per hour, day, week, month, year.
Currently we can only do this by creating separate charts for each binning.
3 votes -
Add OnChartsFullyLoaded Event Listener
Currently, when using the
renderfunction in the Charts SDK, you get a JavaScript Promise that resolves when the chart or dashboard has loaded. However, loaded does not mean that the data has fully loaded and rendered, it only means that the empty chart has loaded.I would like to propose an event listener or several event listeners that give you better control over the lifecycle of a chart or dashboard. For example, I'd like to be able to do something after my chart has fully rendered, but that isn't currently possible due to the nature of iFrames and not…
3 votes -
Remove references to JS global object
Stop working with Javascript global object. Angular removed access to global (for tree shaking reasons ++) in Angular v6.x. We are now at Angular v13.x.
Angular users will not have an easy time embedding your JS library into their applications.
An Angular project will fail with the error: "Cannot access global" when trying to embed a Chart.
2 votes -
Embedding Charts with Filter UI
Currently it is possible to generate a UI filter for a dashboard but not at the individual Chart level, where custom filter UI needs to be built. Filter UI should be embeddable together with individual Charts.
26 votes -
Get filters white list in SDK
It would be great to have a method to get all the white-listed fields when embedding a chart with the SDK. It could help to automate the filters implementation.
2 votes -
Add support for contextmenu event within embedded SDK
In the latest Charts beta there is support to hook click events to a callback.
chart.addEventListener("click", (payload) => { .. } )
I tried hooking the context menu (right click) event
chart.addEventListener("contextmenu", (payload) => {...}
but Charts asserts that is not recognized with a dialog
Not supported event: contextmenu (sic)
Being able to have both (left) click and the context menu user interactions will provide developer flexibility along with a better and more consistent user experience.
1 vote -
Customize MongoDB Charts - Chart font
Can we please have a customization option (font styling) for the chart's text? It would be great if we can change the font styles(font-family) of the binns, text and data, etc used in the chart.
9 votes -
Convert data timezone via injection from JS SDK
As a Saas provider i would like to have a single chart and stored the data in ISO format. Display the same chart to business from different continents with local time for fields like createdAt or updatedAt.
Currently the way to do this is clone the same chart and set convert to tz for each chart and serve them
7 votes -
Filter on multiple fields with embedding SDK.
I think this is important for charts to tell an adequate story. With the dashboard 2 or more filters can be applied but when the chart is embedded only one filter can be applied. When using an authenticated login I need the possibility to restrict users on more than one condition without having multiple dashboards. For viewers on web app its also necessary to comb through the data easier.
2 votes -
Shortcut to copy chart ID
A simple button when the user hovers the chart that allows us to copy the chart ID without going to "embed > copy a part of the iframe" would really help people integrating dozens of charts. Thanks!
6 votes -
Possibility to use filter parameters in later stages
We use embedded charts with aggregate queries for comparison of multiple date values. In our case, we are in conversations, we want to know for a certain week how many conversations were started and how many finished.
We do this book filtering on $or for the startdate to be in range OR the finished date to be in range. This works well. The problem is that later on, for instance in my aggregate query I would like to use the filter values pushed in by the embed URL, for instance in $group or $facet stages.
Suggestion : make the filter…
7 votes -
Enable integration with REACT
Enable native integration of MongoDB Charts with REACT-based applications.
9 votes
- Don't see your idea?