LINUX.ORG.RU

История изменений

Исправление saufesma, (текущая версия) :

по ординате почему-то шкала начинается с 8, 9. Так график динамический можно шкалу ординаты вытащить и запихать обратно! Подводя курсор мыши на шкалу курсор превращается в стрелки вверх/вниз нажимаешь левую кнопку мыши и тащишь вверх или вниз.

<html>
<head>
               <script src="https://cdn.plot.ly/plotly-2.32.0.min.js" charset="utf-8"></script>
</head>
<body>
<div id="myDiv" style="width:1700px;height:1700px;"></div>
<script>
  var trace1 = {

      x: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 120],

      y: [120, 100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0],

  type: 'scatter'

};


var trace2 = {

    x: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 120],

    y: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 120],

  type: 'scatter'

};


var data = [trace1, trace2];


var layout = {

  xaxis: {

    type: 'log',

    autorange: true

  },

  yaxis: {

    type: 'log',

    autorange: true

  }

};

  MYDIV = document.getElementById('mydiv');
Plotly.newPlot(myDiv, data, layout);
</script>
</body>
</html>

Исправление saufesma, :

по ординате почему-то шкала начинается с 8, 9

<html>
<head>
               <script src="https://cdn.plot.ly/plotly-2.32.0.min.js" charset="utf-8"></script>
</head>
<body>
<div id="myDiv" style="width:1700px;height:1700px;"></div>
<script>
  var trace1 = {

      x: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 120],

      y: [120, 100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0],

  type: 'scatter'

};


var trace2 = {

    x: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 120],

    y: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 120],

  type: 'scatter'

};


var data = [trace1, trace2];


var layout = {

  xaxis: {

    type: 'log',

    autorange: true

  },

  yaxis: {

    type: 'log',

    autorange: true

  }

};

  MYDIV = document.getElementById('mydiv');
Plotly.newPlot(myDiv, data, layout);
</script>
</body>
</html>

Исправление saufesma, :

<html>
<head>
               <script src="https://cdn.plot.ly/plotly-2.32.0.min.js" charset="utf-8"></script>
</head>
<body>
<div id="myDiv" style="width:1700px;height:1700px;"></div>
<script>
  var trace1 = {

      x: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 120],

      y: [120, 100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0],

  type: 'scatter'

};


var trace2 = {

    x: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 120],

    y: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 120],

  type: 'scatter'

};


var data = [trace1, trace2];


var layout = {

  xaxis: {

    type: 'log',

    autorange: true

  },

  yaxis: {

    type: 'log',

    autorange: true

  }

};

  MYDIV = document.getElementById('mydiv');
Plotly.newPlot(myDiv, data, layout);
</script>
</body>
</html>

Исходная версия saufesma, :

Числовую последовательность увеличил и всё сдохло


<html>
<head>
               <script src="https://cdn.plot.ly/plotly-2.32.0.min.js" charset="utf-8"></script>
</head>
<body>
<div id="myDiv" style="width:1700px;height:1700px;"></div>
<script>
  var trace1 = {

      x: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20],

      y: [20, 19, 18, 17, 16, 15, 14, 13, 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0],

  type: 'scatter'

};


var trace2 = {

    x: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20],

    y: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20],

  type: 'scatter'

};


var data = [trace1, trace2];


var layout = {

  xaxis: {

    type: 'log',

    autorange: true

  },

  yaxis: {

    type: 'log',

    autorange: true

  }

};

  MYDIV = document.getElementById('mydiv');
Plotly.newPlot(myDiv, data, layout);
</script>
</body>
</html>