Показать сообщение отдельно
  #3 (permalink)  
Старый 07.04.2017, 17:47
Новичок на форуме
Отправить личное сообщение для albatros Посмотреть профиль Найти все сообщения от albatros
 
Регистрация: 07.04.2017
Сообщений: 2

Спасибо, но проблема подстановки значения из инпута все равно осталась, как пытаюсь подставить переменную, график пропадает.
<script type="text/javascript">
 function sss() {
var in0 = document.getElementById("in0").value;
var in01 = Number(in0);
}
var width = 400,
    height = 400;
// массив точек для создания пути
var data = [ 
    {x: 80, y: 50},{x: 110, y: 80},{x: 140, y: 90},
    {x: 170, y: 70},{x: 200, y: 60},{x: 230, y: 60},
    {x: 260, y: 70},{x: 290, y: 80},{x: 320, y: 70}
];
data[3].x=in01;
data[3].y=95;
// функция, создающая по массиву точек линии
var line = d3.svg.line()
            .x(function(d){return d.x;})
            .y(function(d){return d.y;}); 
             
var svg = d3.select("body").append("svg");
 
svg.attr("height", height)
    .attr("width", width); 
     
// добавляем путь
svg.append("path").attr("d", line(data));

</script>
<div>
<input type="text" id="in0" value="" size="1" onchange="sss()">
 <input type="text" id="out0" value="" size="1" onchange="sss()">
 <input type="text" id="in1" value="" size="1" onchange="sss()">
 <input type="text" id="out1" value="" size="1" onchange="sss()">
 </div>
</body>
</html>
Ответить с цитированием