Изменить местоположение графика - PullRequest
Новая
       11

Изменить местоположение графика

0 голосов
/ 02 мая 2019

У меня есть 3 графика, и я хочу поместить один из них в другое место на экране локального хоста. Но я новичок в php, и я понятия не имею, возможно ли это или как я могу это сделать. Можете ли вы дать мне какой-нибудь совет для этого? Как я могу это сделать ? Спасибо.

This is what I want to do

Мои HTML-коды: 

<!DOCTYPE HTML>
<html>
<head>  
  <script type="text/javascript">
  window.onload = function () {
    var chart = new CanvasJS.Chart("chartContainer",
    {
      title:{
      text: "RR Interval Time Series"  
      },
      data: [
      {        
        type: "line",
        dataPoints: [
<?PHP
    foreach($arr as $key => $v){
        $output[] = "{ x: " . $x[$key] . ", y: " . $v . " }";
    }
    echo implode(",\n", $output);
?>
        ]
      }
      ]
    });

var data = <?php echo json_encode($wshort, JSON_NUMERIC_CHECK); ?>;

data = data.map(function (row, index) {
    return {
        x: index,
        y: row
    };
});
var chart2 = new CanvasJS.Chart("chartContainer2", {
    title: {
        text: "FFT Results"
    },

    data: [{
        type: "line",

        dataPoints: data
    }]
});

var chart3 = new CanvasJS.Chart("chartContainer3",
    {
      title:{
      text: "Poincare Plot"  
      },
      data: [
      {        
        type: "scatter",
        dataPoints: [

<?PHP
    foreach($pointy as $key1 => $v1){
        $output1[] = "{ x: " . $pointx[$key1] . ", y: " . $v1 . " }";
    }
    echo implode(",\n", $output1);
?>

        ]
      }
      ]
    });

    chart.render();
    chart2.render();
    chart3.render();
  }
  </script>
 <script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script></head>
<body>
  <div id="chartContainer" style="height: 200px; width: 70%;">
  </div>
  <div id="chartContainer2" style="height: 200px; width: 70%;">
  </div>
  <div id="chartContainer3" style="height: 300px; width: 30%;">
  </div>
</body>
</html>

Мне нужно изменить положение "chartContainer3". Должен ли я сделать что-то с div style?

...