Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Highcharts как изменить график потянув за точку ? (https://javascript.ru/forum/misc/86599-highcharts-kak-izmenit-grafik-potyanuv-za-tochku.html)

selevo 28.08.2025 18:36

Highcharts как изменить график потянув за точку ?
 
Почитал документацию на Highcharts
Ненашел понятный пример, может кто подскажет?
Мне нужно потянув за узел на графике,изменить его значение.

Пример обычного графика.
https://codepen.io/iamcouth/pen/dKVmqb

Nexus 28.08.2025 18:42

Гуглится в момент.

<H1>Scott is DaBomb!</H1>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/draggable-points.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<script src="https://code.highcharts.com/stock/modules/export-data.js"></script>

<div id="container" style="height: 400px; min-width: 310px"></div>

<script>
Highcharts.setOptions({
  global: {
    useUTC: false
  }
});

// Create the chart
Highcharts.stockChart('container', {
  chart: {
    events: {
    }
  },

  rangeSelector: {
    buttons: [{
      count: 1,
      type: 'minute',
      text: '1M'
    }, {
      count: 5,
      type: 'minute',
      text: '5M'
    }, {
      type: 'all',
      text: 'All'
    }],
    inputEnabled: false,
    selected: 0
  },

  title: {
    text: 'Live random data'
  },

  exporting: {
    enabled: false
  },

  series: [{
    name: 'Random data',
    data: (function () {
      // generate an array of random data
      var data = [],
        time = (new Date()).getTime(),
        i;

      for (i = -999; i <= 0; i += 1) {
        data.push([
          time + i * 1000,
          Math.round(Math.random() * 100)
        ]);
      }
      return data;
    }()),
    dragDrop: {
      draggableX: false, // Allow dragging along the X-axis
      draggableY: true  // Allow dragging along the Y-axis
    }
  }]
});
</script>

selevo 28.08.2025 18:55

Спасибо.
Nexus, как правильно задать вопрос гуглу?
Может не правильно задаю вопросы.
На будущее, важно понять как правильно вопросы задавать.

Nexus 28.08.2025 22:28

selevo, я гуглил что-то вроде такого: js highcharts change values by drag
Даже google AI overview дает хороший ответ. На его основе в течении пары минут и был модифицирован приведенный вами пример графика.


Часовой пояс GMT +3, время: 22:57.