Как исправить график функции, не показывая производную - PullRequest
Новая
       61

Как исправить график функции, не показывая производную

0 голосов
/ 16 октября 2019

Я пытался создать приложение для построения графиков функций, используя библиотеку графиков функций javascript, чтобы оно работало хорошо, когда оно было в коде, но когда я добавил входные данные из html-кода и связал их со свойствами functionPlot (), это действительно сработало. в первый раз, когда были только эквалайзер функции и входные данные цвета графика, но когда я добавил производный ввод, он не работал, и график был полностью заморожен (не может переместить его или увеличить масштаб и не показывает производную, когда вы наводитемыши) поэтому я оставлю здесь код, чтобы вы могли его увидеть и помочь мне

Javascript: 

var parameters = {
    target: '#myFunction',
    width: '810',
    height: '540',
    data: [{
      fn: '', 
      color: '',
      derivative: {
        fn: '',
        updateOnMouseMove: true
      }
   }],
    grid: true,
    yAxis: {domain: [-9, 9]},
    xAxis: {domain: [-7, 7]}
  };

  function plot() {
    var f = document.querySelector("#function").value;
    var color = document.querySelector("#color").value;
    var derivative = document.querySelector("#der").value;

    parameters.data[0].fn = f;
    parameters.data[0].color = color;
    parameters.data[0].derivative.fn = derivative;
    functionPlot(parameters);
  };

HTML: 

    <body onload="plot();">
  <h2>Function plotter</h2>
  <div class="layer">
  <section id="plotSettings">

    <p></p>
    <label for="color">Color: </label> value: <input type=color id="color" onchange="plot();">
    <p></p>
    <label for="function">Function to plot: </label>
    <input id="function" type="text" value="" onchange="plot();">
    <p></p>
    <label for="derivative">derivative: </label> 
    <input type=text id="der", value="", onchange="plot();">
    <p></p>
    <button onclick="plot();">Plot it!</button>

  </section>

  <section id="plot">
    <div id="myFunction"></div>
  </section>
  </div>

  <script src="script.js"></script>
</body>

Надеюсь, выпонял мою проблему спасибо

...