<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"><channel><category>pcsoft.fr.windev</category><copyright>Copyright 2026, PC SOFT</copyright><lastBuildDate>5 Apr 2020 13:54:41 Z</lastBuildDate><pubDate>2 Nov 2019 15:48:47 Z</pubDate><description>Bonjour,&#13;
Version utilisée: Windev 24 77f (donc la dernière)&#13;
J'essaie d'utiliser la super librairie graphique AMCharts, mais hélas avec un succès mitigé.&#13;
Les graphiques s'affichent mais tout ce qui est interactif (survol souris, clic,...) ne fonctionne pas.&#13;
Oui, j'ai activé le mode IE11 avec les réglages dans la base de registre, avec la valeur 0 (dernière version IE)&#13;
Oui, les champs sont bien actifs.&#13;
Le résultat (tout en code HTML 5) devrait être le suivant:&#13;
https://codepen.io/francoisG/pen/yLLppjP&#13;
&#13;
Mais lorsque j'insère ce même code html sous Windev, les bulles d'aide de survol ne s'affichent pas, et et le scroll en haut est inactif.&#13;
J'ai tout essayé: champ HTML (avec fonctions Javascript activées bien sur), champ dotnet webbrowser, champ activex Microsoft Web Browser: résultats identiques.&#13;
&#13;
Le code html est le suivant:&#13;
&#13;
&lt;!DOCTYPE html&gt;&#13;
&lt;html&gt;&#13;
  &lt;head&gt;&#13;
    &lt;meta charset="UTF-8" /&gt;&#13;
    &lt;title&gt;amCharts V4 Example&#13;
    &lt;/title&gt;&#13;
    &lt;style type="text/css"&gt;    body {   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";   overflow: hidden;   margin: 0; } #chartdiv {   width: 100%;   height: 100vh; }&#13;
    &lt;/style&gt;&#13;
  &lt;/head&gt;&#13;
  &lt;body&gt;&#13;
    &lt;div id="chartdiv"&gt;&#13;
    &lt;/div&gt;&#13;
&lt;script src="https://www.amcharts.com/lib/4/core.js"&gt;&lt;/script&gt;&#13;
&lt;script src="https://www.amcharts.com/lib/4/charts.js"&gt;&lt;/script&gt;&#13;
&lt;script src="https://www.amcharts.com/lib/4/themes/animated.js"&gt;&lt;/script&gt;&#13;
&lt;script type="text/javascript"&gt;&#13;
  // Themes begin&#13;
  am4core.useTheme(am4themes_animated);&#13;
  // Themes end&#13;
  var chart = am4core.create("chartdiv", am4charts.XYChart);&#13;
  chart.paddingRight = 20;&#13;
  chart.dateFormatter.inputDateFormat = "yyyy-MM-dd";&#13;
  var dateAxis = chart.xAxes.push(new am4charts.DateAxis());&#13;
  dateAxis.renderer.grid.template.location = 0;&#13;
  var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());&#13;
  valueAxis.tooltip.disabled = true;&#13;
  var series = chart.series.push(new am4charts.CandlestickSeries());&#13;
  series.dataFields.dateX = "date";&#13;
  series.dataFields.valueY = "close";&#13;
  series.dataFields.openValueY = "open";&#13;
  series.dataFields.lowValueY = "low";&#13;
  series.dataFields.highValueY = "high";&#13;
  series.simplifiedProcessing = true;&#13;
  series.tooltipText = "Open:${openValueY.value}\nLow:${lowValueY.value}\nHigh:${highValueY.value}\nClose:${valueY.value}";&#13;
  chart.cursor = new am4charts.XYCursor();&#13;
  // a separate series for scrollbar&#13;
  var lineSeries = chart.series.push(new am4charts.LineSeries());&#13;
  lineSeries.dataFields.dateX = "date";&#13;
  lineSeries.dataFields.valueY = "close";&#13;
  // need to set on default state, as initially series is "show"&#13;
  lineSeries.defaultState.properties.visible = false;&#13;
  // hide from legend too (in case there is one)&#13;
  lineSeries.hiddenInLegend = true;&#13;
  lineSeries.fillOpacity = 0.5;&#13;
  lineSeries.strokeOpacity = 0.5;&#13;
  var scrollbarX = new am4charts.XYChartScrollbar();&#13;
  scrollbarX.series.push(lineSeries);&#13;
  chart.scrollbarX = scrollbarX;&#13;
  chart.data = [ {&#13;
      "date": "2011-08-28",&#13;
      "open": "129.88",&#13;
      "high": "134.18",&#13;
      "low": "129.54",&#13;
      "close": "134.08"&#13;
    }, {&#13;
      "date": "2011-08-29",&#13;
      "open": "132.67",&#13;
      "high": "138.25",&#13;
      "low": "132.30",&#13;
      "close": "136.25"&#13;
    }, {&#13;
      "date": "2011-08-30",&#13;
      "open": "139.49",&#13;
      "high": "139.65",&#13;
      "low": "137.41",&#13;
      "close": "138.48"&#13;
    }, {&#13;
      "date": "2011-09-03",&#13;
      "open": "139.94",&#13;
      "high": "145.73",&#13;
      "low": "139.84",&#13;
      "close": "144.16"&#13;
    }, {&#13;
      "date": "2011-09-04",&#13;
      "open": "144.97",&#13;
      "high": "145.84",&#13;
      "low": "136.10",&#13;
      "close": "136.76"&#13;
    }, {&#13;
      "date": "2011-09-05",&#13;
      "open": "135.56",&#13;
      "high": "137.57",&#13;
      "low": "132.71",&#13;
      "close": "135.01"&#13;
    }]; &#13;
&lt;/script&gt;   &#13;
  &lt;/body&gt;&#13;
&lt;/html&gt;</description><ttl>30</ttl><generator>WEBDEV</generator><language>fr_FR</language><link>https://forum.pcsoft.fr/es-ES/pcsoft.fr.windev/234243-javascript-amcharts-dans-champ-html-mode-ie11-webbrowser/read.awp</link><title>Javascript AMCharts dans champ HTML en mode IE11 ou webbrowser</title><managingEditor>moderateur@pcsoft.fr (El moderador)</managingEditor><webMaster>webmaster@pcsoft.fr (El webmaster)</webMaster><item><author>Francois</author><category>pcsoft.fr.windev</category><comments>https://forum.pcsoft.fr/es-ES/pcsoft.fr.windev/234243-javascript-amcharts-dans-champ-html-mode-ie11-webbrowser-238344/read.awp</comments><pubDate>5 Apr 2020 13:54:41 Z</pubDate><description>Je me réponds: seul un navigateur intégré à base Chromium fonctionne avec AMCharts, du type cefsharp&#13;
&#13;
--&#13;
www.ibfolio.com</description><guid isPermaLink="true">https://forum.pcsoft.fr/es-ES/pcsoft.fr.windev/234243-javascript-amcharts-dans-champ-html-mode-ie11-webbrowser-238344/read.awp</guid><link>https://forum.pcsoft.fr/es-ES/pcsoft.fr.windev/234243-javascript-amcharts-dans-champ-html-mode-ie11-webbrowser-238344/read.awp</link><source url="https://forum.pcsoft.fr/es-ES/pcsoft.fr.windev/234243-javascript-amcharts-dans-champ-html-mode-ie11-webbrowser/read.awp">Javascript AMCharts dans champ HTML en mode IE11 ou webbrowser</source><title>Re: Javascript AMCharts dans champ HTML en mode IE11 ou webbrowser</title></item></channel></rss>
