Charts

MongoDB Charts is the best way to create visualizations of MongoDB data. Connect to any MongoDB instance as a data source, create charts and graphs, embed them into your applications or build live dashboards for sharing and collaboration.
  • Hot ideas
  • Top ideas
  • New ideas
  • My feedback
  1. 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.

    10 votes

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    0 comments  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  2. Allow option to change the locale/language of all charts dynamically via the SDK

    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.

    8 votes

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    0 comments  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  3. Enable integration with REACT

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

    8 votes

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    0 comments  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  4. 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.

    6 votes

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    0 comments  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  5. 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!

    5 votes

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    0 comments  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  6. 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…

    4 votes

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    2 comments  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  7. 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

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    4 comments  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  8. 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

    3 votes

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    1 comment  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  9. 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…

    2 votes

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    0 comments  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  10. 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

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    2 comments  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  11. 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 with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at…

    2 votes

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    0 comments  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  12. 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.

    1 vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    1 comment  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  13. 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.

    1 vote

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    0 comments  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  14. 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

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)

    We’ll send you updates on this idea

    0 comments  ·  Embedding  ·  Flag idea as inappropriate…  ·  Admin →

    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  • Don't see your idea?

Feedback and Knowledge Base