Styjun

Why does this rising edge detector using a capacitor and a resistor work?

Should I replace my bicycle tires if they have not been inflated in multiple years

why do people keep saying me that I am a horrible photographer?

Is it possible to know which is the correct temperature range and speed for any model?

BOOM! Perfect Clear for Mr. T

Why is "Vayechulu" said 3 times on Leil Shabbat?

Is latino sine flexione dead?

Why is Arya visibly scared in the library in S8E3?

Why do money exchangers give different rates to different bills?

Which module had more 'comfort' in terms of living space, the Lunar Module or the Command module?

What matters more when it comes to book covers? Is it ‘professional quality’ or relevancy?

Has a commercial or military jet bi-plane ever been manufactured?

Can Infinity Stones be retrieved more than once?

How do I tell my manager that his code review comment is wrong?

What does this colon mean? It is not labeling, it is not ternary operator

How wide is a neg symbol, how to get the width for alignment?

I need a disease

In Avengers 1, why does Thanos need Loki?

Make some Prime Squares!

How can I get a job without pushing my family's income into a higher tax bracket?

String won't reverse using reverse_copy

Multi-channel audio upsampling interpolation

Why was the battle set up *outside* Winterfell?

How should I tell my manager I'm not paying for an optional after work event I'm not going to?

How can I integrate Google Charts on AMP pages

AMP-html page not displaying as intended in Google SearchAMP Google Search Console ValidationGoogle AMP - displaying AMP-enabled pages only when accessed via Google search resultsWordPress AMP IntegrationHow to tell Google that there is no amp versionamp-html page linked from non-amp html page not workingHow can I integrate google graphs at an AMP page?WordPress: Why my amp pages are not coming up in google search?AMP Errors in GSC for non-amp pagesGoogle AMP site still showing after deleted WordPress plugin

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I use Google Table Charts in my "normal" (NON-AMP) pages. But in the AMP pages they are not there. When I load my page without /AMP at the end I can see the tables and with /AMP at the end not.

Example:
https://lotto-6-aus-49.de/lottozahlen-von-heute-mittwoch-den-20-03-2019
and
https://lotto-6-aus-49.de/lottozahlen-von-heute-mittwoch-den-20-03-2019/amp

To get AMP pages on my site I use a wordpress plugin. I searched for adding "java scripts" in AMP site but cannot find.
Can someone help me?

charts amp-html

share|improve this question

edited Mar 24 at 10:38

Vadim Kotov

4,95763549

asked Mar 22 at 22:09

Asterios PaulsenAsterios Paulsen

82

add a comment | 

0

I use Google Table Charts in my "normal" (NON-AMP) pages. But in the AMP pages they are not there. When I load my page without /AMP at the end I can see the tables and with /AMP at the end not.

Example:
https://lotto-6-aus-49.de/lottozahlen-von-heute-mittwoch-den-20-03-2019
and
https://lotto-6-aus-49.de/lottozahlen-von-heute-mittwoch-den-20-03-2019/amp

To get AMP pages on my site I use a wordpress plugin. I searched for adding "java scripts" in AMP site but cannot find.
Can someone help me?

charts amp-html

share|improve this question

edited Mar 24 at 10:38

Vadim Kotov

4,95763549

asked Mar 22 at 22:09

Asterios PaulsenAsterios Paulsen

82

add a comment | 

I use Google Table Charts in my "normal" (NON-AMP) pages. But in the AMP pages they are not there. When I load my page without /AMP at the end I can see the tables and with /AMP at the end not.

Example:
https://lotto-6-aus-49.de/lottozahlen-von-heute-mittwoch-den-20-03-2019
and
https://lotto-6-aus-49.de/lottozahlen-von-heute-mittwoch-den-20-03-2019/amp

To get AMP pages on my site I use a wordpress plugin. I searched for adding "java scripts" in AMP site but cannot find.
Can someone help me?

charts amp-html

share|improve this question

edited Mar 24 at 10:38

Vadim Kotov

4,95763549

asked Mar 22 at 22:09

Asterios PaulsenAsterios Paulsen

82

share|improve this question

edited Mar 24 at 10:38

Vadim Kotov

4,95763549

asked Mar 22 at 22:09

Asterios PaulsenAsterios Paulsen

82

share|improve this question

edited Mar 24 at 10:38

Vadim Kotov

4,95763549

asked Mar 22 at 22:09

Asterios PaulsenAsterios Paulsen

82

edited Mar 24 at 10:38

Vadim Kotov

4,95763549

edited Mar 24 at 10:38

Vadim Kotov

4,95763549

asked Mar 22 at 22:09

Asterios PaulsenAsterios Paulsen

82

asked Mar 22 at 22:09

Asterios PaulsenAsterios Paulsen

82

2 Answers
2

active

oldest

votes

0

First of all you need a template with your charts. Let's call that template.html

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="/template.html"></amp-iframe>

You can put all of your js into that template. The iFrame should work.
But please keep in mind that iFrames are only allowed when below 80% from the top of the page.

if you need to load dynamic content, you could create a php file which accepts parameters and returns a html file that does include the chart.

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="/charts.php?startDate=2019-01-01&endDate=2019-02-01"></amp-iframe>

share|improve this answer

answered Apr 4 at 11:17

user3674177user3674177

315

add a comment | 

0

Actually you can't.
You need JavaScript for that which doesn't work with AMP.

added:

iFrame Solution:
First you create a template (html + js) that does show the chart you want to display. Then you import that template file using amp-iframe.

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="pathtotemplate/template.html">
</amp-iframe>

share|improve this answer

edited Apr 14 at 20:10

answered Mar 23 at 9:10

user3674177user3674177

315

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for the answer. I was not sure about that. Now I know.
  
  – Asterios Paulsen
  Mar 26 at 18:09
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  can you mark the answer then?
  
  – user3674177
  Mar 27 at 13:45
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You could try using an iFrame - and load the charts via iFrame
  
  – user3674177
  Apr 1 at 16:15
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi, thanks for the reply. Can you please tell me how?
  
  – Asterios Paulsen
  Apr 3 at 8:37
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55308421%2fhow-can-i-integrate-google-charts-on-amp-pages%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

First of all you need a template with your charts. Let's call that template.html

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="/template.html"></amp-iframe>

You can put all of your js into that template. The iFrame should work.
But please keep in mind that iFrames are only allowed when below 80% from the top of the page.

if you need to load dynamic content, you could create a php file which accepts parameters and returns a html file that does include the chart.

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="/charts.php?startDate=2019-01-01&endDate=2019-02-01"></amp-iframe>

share|improve this answer

answered Apr 4 at 11:17

user3674177user3674177

315

add a comment | 

0

First of all you need a template with your charts. Let's call that template.html

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="/template.html"></amp-iframe>

You can put all of your js into that template. The iFrame should work.
But please keep in mind that iFrames are only allowed when below 80% from the top of the page.

if you need to load dynamic content, you could create a php file which accepts parameters and returns a html file that does include the chart.

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="/charts.php?startDate=2019-01-01&endDate=2019-02-01"></amp-iframe>

share|improve this answer

answered Apr 4 at 11:17

user3674177user3674177

315

add a comment | 

First of all you need a template with your charts. Let's call that template.html

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="/template.html"></amp-iframe>

You can put all of your js into that template. The iFrame should work.
But please keep in mind that iFrames are only allowed when below 80% from the top of the page.

if you need to load dynamic content, you could create a php file which accepts parameters and returns a html file that does include the chart.

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="/charts.php?startDate=2019-01-01&endDate=2019-02-01"></amp-iframe>

share|improve this answer

answered Apr 4 at 11:17

user3674177user3674177

315

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="/template.html"></amp-iframe>

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="/charts.php?startDate=2019-01-01&endDate=2019-02-01"></amp-iframe>

share|improve this answer

answered Apr 4 at 11:17

user3674177user3674177

315

answered Apr 4 at 11:17

user3674177user3674177

315

answered Apr 4 at 11:17

user3674177user3674177

315

0

Actually you can't.
You need JavaScript for that which doesn't work with AMP.

added:

iFrame Solution:
First you create a template (html + js) that does show the chart you want to display. Then you import that template file using amp-iframe.

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="pathtotemplate/template.html">
</amp-iframe>

share|improve this answer

edited Apr 14 at 20:10

answered Mar 23 at 9:10

user3674177user3674177

315

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for the answer. I was not sure about that. Now I know.
  
  – Asterios Paulsen
  Mar 26 at 18:09
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  can you mark the answer then?
  
  – user3674177
  Mar 27 at 13:45
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You could try using an iFrame - and load the charts via iFrame
  
  – user3674177
  Apr 1 at 16:15
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi, thanks for the reply. Can you please tell me how?
  
  – Asterios Paulsen
  Apr 3 at 8:37
  

  
  
  
  

add a comment | 

0

Actually you can't.
You need JavaScript for that which doesn't work with AMP.

added:

iFrame Solution:
First you create a template (html + js) that does show the chart you want to display. Then you import that template file using amp-iframe.

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="pathtotemplate/template.html">
</amp-iframe>

share|improve this answer

edited Apr 14 at 20:10

answered Mar 23 at 9:10

user3674177user3674177

315

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for the answer. I was not sure about that. Now I know.
  
  – Asterios Paulsen
  Mar 26 at 18:09
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  can you mark the answer then?
  
  – user3674177
  Mar 27 at 13:45
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You could try using an iFrame - and load the charts via iFrame
  
  – user3674177
  Apr 1 at 16:15
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi, thanks for the reply. Can you please tell me how?
  
  – Asterios Paulsen
  Apr 3 at 8:37
  

  
  
  
  

add a comment | 

Actually you can't.
You need JavaScript for that which doesn't work with AMP.

added:

iFrame Solution:
First you create a template (html + js) that does show the chart you want to display. Then you import that template file using amp-iframe.

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="pathtotemplate/template.html">
</amp-iframe>

share|improve this answer

edited Apr 14 at 20:10

answered Mar 23 at 9:10

user3674177user3674177

315

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="pathtotemplate/template.html">
</amp-iframe>

share|improve this answer

edited Apr 14 at 20:10

answered Mar 23 at 9:10

user3674177user3674177

315

answered Mar 23 at 9:10

user3674177user3674177

315

answered Mar 23 at 9:10

user3674177user3674177

315