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.

When we embed a chart using the SDK, if I am using a Line chart which has a date on the axis, it is formatted in English locale only.

I would like to be able to toggle that between English and French as our project has a language toggle.

Enable native integration of MongoDB Charts with REACT-based applications.

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.

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!

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

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.

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.

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 a compound operator inside $search/$searchMeta would address this need

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.

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.

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.

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.