Charts
24 results found
-
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 -
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 -
Enable integration with REACT
Enable native integration of MongoDB Charts with REACT-based applications.
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 -
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 -
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 -
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.
5 votes -
Support Atlas Search-based filtering when embedded dashboard/chart filter is set
Currently, when
setFilter()
is called on an embedded dashboard/chart, a$match
aggregation stage is added to the data source pipeline; however, if the data source pipeline is using$search
or$searchMeta
, we need a way to allow Atlas Search to handle the filtering, since$match
cannot precede$search/$searchMeta
. Providing a programmatic way to set/modify acompound
operator inside$search/$searchMeta
would address this need4 votes -
Filter White-Listed Fields
Previously, I was able to provide a top-level object field as a white-listed filter field and all sub-level fields would be included. Now, this is NOT allowed. My app is user customizable, in which they can create new fields to this object at will. There is no way I can maintain the white-listed sub-fields when my app uses a NOSQL approach, but yet the Charts filters are not. All of my charts are now coming back with Errors and won't load because of this change. Can you please please please provide the ability to specify a top-level object field and…
4 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
render
function 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 -
getImage() api isn't honouring the showAttribution flag on dashboard or chart
dashboard.getImage() is showing the MongoDB logo despite setting showAttribution: false when we create the dashboard object.
2 votes -
Ability to download data for all charts from embedded dashboard level
When we embed a whole dashboard using charts SDK, we have an option to download the dashboard as Image using getImage() api. However, we have no option to download underlying data of all charts.
Tried Alternate:
Dashboard API has getAllChart API which returns an array of DashboardChart objects, which contain only the chartId (from the metadata perspective of the chart). We can download the data using getData(), however we don't get business context (i.e. title of chart etc) to establish the relation of specific data with specific chart.So the request is to offer a feature to download all charts…
2 votes -
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 -
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 -
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 -
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 -
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 -
Cookies should be set with the 'SameSite' attribute
Hi guys, Chrome 79 reports an issue with cookies set by the embedded charts. It seems like they are missing the 'SameSite' attribute. If you could bring the cookies up to speed to comply with this apparent new standard, it'd be great.
Warning message I get in the Chrome console: "A cookie associated with a cross-site resource at <URL> was set without the
SameSite
attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set withSameSite=None
andSecure
. You can review cookies in developer tools under Application>Storage>Cookies and see more details at…2 votes
- Don't see your idea?