Skip to content

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

21 results found

  1. 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.

    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

    0 comments  ·  Embedding  ·  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. 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

    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  ·  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. Provide a Vue 3 implementation example of an embedded chart

    There are vanillajs and react examples but not with Vue

    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  ·  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. 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

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

    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

    0 comments  ·  Embedding  ·  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. 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.

    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  ·  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. 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

    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  ·  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. 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.

    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  ·  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  ·  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. 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.

    23 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  ·  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. 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

    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  ·  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. 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

    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  ·  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. 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

    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  ·  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. 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

    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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  15. 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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

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

    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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

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

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

    9 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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  18. 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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

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

    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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

    Signed in as (Sign out)
  20. 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  ·  Admin →
    How important is this to you?

    We're glad you're here

    Please sign in to leave feedback

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

Feedback and Knowledge Base