Coder Social home page Coder Social logo

charts-embedding-examples's People

Contributors

andym03 avatar jalder avatar jarjee avatar rueckstiess avatar tomhollander avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

jalder peters yaroslav-vasylyuk hubbucket-team vamshi9666 ycmcgong curioustauseef weedkiller isabella232

charts-embedding-examples's Issues

Expiration time issue

Seems like EXPIRY_TIME_SECONDS which is being set to some n seconds is not working, html/Url is not throwing an error even after given seconds, able to access data indefinitely. Could you please suggest if it working as expected.

unauthenticated chart in simple web page gets "Refused to display..."

The documentation states,

For the "Unauthenticated" option, you can copy the provided snippet and include
it in any web site; no extra steps are required.

I have Apache 2.4 running locally. My Chrome is Version 73.0.3683.103 (Official Build) (64-bit)
For the Chart, I have set Enable unauthenticated access: ON. I copy the embed URL text and place it in a web page,

<html>
<body >
<iframe
  style="border: none;border-radius: 2px;box-shadow: 0 2px 10px 0 rgba(70, 76, 79, .2);"
  width="640" 
  height="480" 
  src="https://charts.mongodb.com/charts-viz-nqlhg/embed/charts?id=SNIP&tenant=SNIP">
</iframe>
</body>
</html>

The chart flashes and then goes away. The console shows,
Refused to display 'https://www.mongodb.com/cloud' in a frame because it set 'X-Frame-Options' to 'deny'.

The URL works fine by itself (outside the IFrame)
https://charts.mongodb.com/charts-viz-nqlhg/embed/charts?id=SNIP&tenant=SNIP

For reference, see
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options

How to pass objectId

Hi,

This example code works well thanks very much.

I am confused about how to pass _id in the filter.

for example:

const FILTER_DOCUMENT = {activity_id: ObjectId('5cf8a882f220081b355f288f')}

I will get 'ObjectId' is not defined error

I can pass through "{activity_id: ObjectId('5cf8a882f220081b355f288f')}" however, it is hard for me to assemble data like this.

embedded chart with signature

Hello,
I think the example doesn't work. I can't get it working. Maybe I am doing it wrong. I am using on-premise mongodb chart version 19.12.2. I tried the c# and node examples. I got the error code 1 missing tenant id. I added the tenant id like in the earlier version of the examples (before it was removed from de code). Now I have an error code 5, the signature isn't right. Is there a problem in the examples ? Is the signature algorithm right ?

Regards

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.