Los estilos de scripts n plugin no muestran gráficos.

Un usuario preguntó 👇

Quiero usar una trama funcional (https://mauriciopoppe.github.io/function-plot/ ) Biblioteca Javascript en la página de WordPress. Cuando escribo html y javascript en mi carpeta local y cuando envío el archivo html al navegador, el gráfico se muestra correctamente.

Pero cuando utilizo el mismo código en el plugin Scripts n Styles en WordPress, la trama ahora aparece. Las otras funciones funcionan correctamente. ¿Tiene alguna idea para solucionar este problema?

Esto es lo que hice:

Editor de WordPress:

Z score=<input type="text" id="z_score" size="5">
<form><input type="button" name="find_p_value" value="click me" onClick="z_to_p_value()"></form>

<div id="write_results"></div>
<div id="show_p_area"></div>

Uno en el plugin:

<script type="text/javascript" src="https://mbostock.github.com/d3/d3.min.js"></script>
<script type="text/javascript" src="https://mbostock.github.com/d3/d3.time.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/6.0.3/math.js"></script> <!--math.js-->
<script src="https://mauriciopoppe.github.io/function-plot/js/function-plot.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jstat@latest/dist/jstat.min.js"></script> <!-- jStat -->

Sección del cuerpo en el plugin:

function z_to_p_value(){ 

var z_value = document.getElementById('z_score').value;
document.getElementById('write_results').innerHTML = z_value;
var z = parseFloat(z_value);

var mu=0
var sigma = 1

equation = 'exp(-(x-'+ mu +')^2/(2*' + sigma + '))';

var w = 550;
var h = 100;
var svg = d3.select("show_p_area").append("svg")
        .attr("width", w)
        .attr("height", h);
  
functionPlot({
  target: '#show_p_area',
  xAxis: {
    label: 'X-axis', domain: [-4, 4] 
  }, 
  yAxis: {
    label: 'Y-axis', domain: [0, 0.5] 
  },
  grid: false,
  data: [
        {fn: equation, color:'blue'},
        {fn: equation, range:[-Infinity,z], closed: true, color: 'pink'},
        ]
}) // End of functionPlot
  
} // End of z_to_p_value()

(@isaacnkmr)

Hace 1 año, 5 meses

Esta parte funciona.

Pero

Esta sección no es visible.

¿Solucionó tu problema??

SíNo

0 / 0